<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="https://www.vmall.com/favicon.ico">
    
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet/less" href="./less/header.less">
    <link rel="stylesheet/less" href="./less/nav.less">
    <link rel="stylesheet/less" href="./less/aside.less">
    <link rel="stylesheet/less" href="./less/footer.less">
    <link rel="stylesheet/less" href="./less/Product-Details.less">
    
    <title>【【新品上市】华为畅享 50】价格_参数_图片_怎么样 - 华为商城</title>
    <style>
        @media screen and (min-width:1200px) {
            .pc_width{width: 1200px;}

            .Carousel{width:100vw}
            .carousel-control-prev{left: 195px;}
            .carousel-control-next{right: -12px;}
            .leftNav{left: 0%;}
        }
        @media screen and (max-width:1200px) {
            .pc_width{width: 100%;}

            .Carousel{width:100%}
            .carousel-control-prev{left: 195px;}
            .carousel-control-next{right: 5px;}
            .leftNavBox{width: 100%;}
            .leftNav{left: 1.5px;}
        }
        /* body{height: 3000px;} */
        body{
            position: relative;
            background-color: rgb(255, 255, 255);
        }
        body div{
            font-family: 'Helvetica Neue', Helvetica, Arial, 'Microsoft Yahei', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif !important;
        }
        .flexBox{display: flex;}
        .pc_width{
            margin: auto;
            /* width: 1200px; */
        }
        main{
            position: relative;
        }
    </style>
</head>
<body>
    <header>
        <div class="pc_width">
            <div class="main flexBox">
                <div class="toolBar_left">
                    <ul>
                        <li><a href="/index.html">首页</a></li>
                        <li><a href="#">华为官网</a></li>
                        <li><a href="#">花粉俱乐部</a></li>
                        <li><a href="#">V码(优购码)</a></li>
                        <li><a href="#">企业购</a></li>
                        <li><a href="#">Select Region</a></li>
                        <li class="drop">
                            <a href="#">更多精彩</a>
                            <dl class="dropdown more">
                                <dt><a href="#">HarmonyOS</a></dt>
                                <dt><a href="#">应用市场</a></dt>
                                <dt><a href="#">华为终端云空间</a></dt>
                                <dt><a href="#">开发者联盟</a></dt>
                            </dl>
                        </li>
                    </ul>
                </div>
                <div class="toolBar_right">
                    <ul>
                        <li><a href="/Personal-Center.html">欢迎您！le***hh</a></li>
                        <li><a href="#">退出</a></li>
                        <li><a href="/Personal-Center.html">我的订单</a></li>
                        <li class="drop">
                            <a href="#">客服</a>
                            <dl class="dropdown customer_service">
                                <dt><a href="#">服务中心</a></dt>
                                <dt><a href="#">联系客服</a></dt>
                            </dl>
                        </li>
                        <li class="drop">
                            <a href="#">网站导航</a>
                            <div class="dropdown site_navigation">
                                <div class="flexBox">
                                    <div class="navs_icon">
                                        <a href="#"><span>商城首页</span></a>
                                    </div>
                                    <div class="fl">
                                        <div class="title">频道</div>
                                        <a href="" class="list">华为专区</a>
                                        <a href="" class="list">企业购</a>
                                        <a href="" class="list">教育优惠</a>
                                        <a href="" class="list">HarmonyOS</a>
                                    </div>
                                    <div class="fl">
                                        <div class="title">产品</div>
                                        <a href="" class="list">手机</a>
                                        <a href="" class="list">笔记本</a>
                                        <a href="" class="list">平板</a>
                                        <a href="" class="list">智能穿戴</a>
                                        <a href="" class="list">智能家居</a>
                                        <a href="" class="list">智慧屏</a>
                                        <a href="" class="list">耳机音箱</a>
                                        <a href="" class="list">热销配件</a>
                                        <a href="" class="list">生态产品</a>
                                        <a href="" class="list">增值服务</a>
                                    </div>
                                    <div class="fl">
                                        <div class="title">增值服务</div>
                                        <a href="" class="list">以旧换新</a>
                                        <a href="" class="list">补购保障</a>
                                        <a href="" class="list">一口价换电池</a>
                                        <a href="" class="list">音频延保</a>
                                        <a href="" class="list">穿戴延保</a>
                                        <a href="" class="list">智慧屏全质保</a>
                                        <a href="" class="list">活动公告</a>
                                    </div>
                                    <div class="fl">
                                        <div class="title">会员</div>
                                        <a href="" class="list">会员频道</a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="drop">
                            <a href="#">手机版</a>
                            <div class="dropdown mobile">
                                <div class="clearFix">
                                    <a href="#"><img src="./img/APP.webp" alt=""></a>
                                    <h2>华为商城APP</h2>
                                    <p>新人专享好礼<br>最高5000积分</p>
                                    <span class="span1"></span>
                                    <span class="span2"></span>
                                    <span class="span3"></span>
                                </div>
                                <div class="clearFix">
                                    <a href="#"><img src="./img/公众号.webp" alt=""></a>
                                    <h2>华为商城公众号</h2>
                                    <p>微信扫一扫</p>
                                    <span></span>
                                </div>
                                <div class="clearFix">
                                    <a href="#"><img src="./img/小程序.webp" alt=""></a>
                                    <h2>微信小程序</h2>
                                    <span></span>
                                </div>
                            </div>
                        </li>
                        <li class="drop shopping_cart">
                            <a href="#">购物车(0)</a>
                            <div class="dropdown cart">
                                <div class="main">
                                    <div class="cart_big">
                                        <img src="./img/cart-big.svg" alt="">
                                    </div>
                                    <div>您的购物车是空的，赶紧选购吧~</div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </header>

    <nav>
        <div class="pc_width">
            <div class="main flexBox navTotal">
                <div class="logo"><img src="./img/logo_app.png" alt=""></div>
                <div class="toolBar flexBox">
                    <div class="all_categories">
                        <span class="flexBox">全部分类</span>
                    </div>
                    <div>华为专区</div>
                    <div>鸿蒙智联</div>
                    <div>莫塞尔</div>
                    <div>华为智选</div>
                    <div>HarmonyOS</div>
                    <div>特惠企采</div>
                    <div>教育购</div>
                </div>
                <div class="searchLogo"></div>
            </div>
            
            <!-- 点击全部分配-左侧导航 -->
            <div class="all_categories_leftNavBox" style="display:none;">
                <div class="leftNav">
                    <div class="main flexBox">
                        <div class="firstNav flexBox">
                            <div class="firstNavList flexBox phone">
                                <span class="left">手机</span>
                                <span class="right flexBox"></span>
                                <div class="secondNav more" style="display: block;">
                                    <ul class="flexBox">
                                        <li class="moreList flexBox">
                                            <img src="./img//phoneMore01.png" alt="">
                                            <span class="flexBox">Mate系列</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img//phoneMore02.webp" alt="">
                                            <span class="flexBox">P系列</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img//phoneMore03.webp" alt="">
                                            <span class="flexBox">Nova系列</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img//phoneMore04.png" alt="">
                                            <span class="flexBox">畅享系列</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img//phoneMore05.webp" alt="">
                                            <span class="flexBox">华为认证二手机</span>
                                        </li>
                                        <li class="seeAll">
                                            <div class="seeAllBox">
                                                <span>查看全部</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="firstNavList flexBox computer">
                                <span class="left">电脑</span>
                                <span class="right flexBox"></span>
                                <div class="secondNav more">
                                    <ul class="flexBox">
                                        <li class="moreList flexBox">
                                            <img src="./img/computerMore01.webp" alt="">
                                            <span class="flexBox">MateBook X系列</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/computerMore02.webp" alt="">
                                            <span class="flexBox">MateBook系列</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/computerMore03.webp" alt="">
                                            <span class="flexBox">MateBook D系列</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/computerMore04.webp" alt="">
                                            <span class="flexBox">MateBook E系列</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/computerMore05.webp" alt="">
                                            <span class="flexBox">商用电脑</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/computerMore06.webp" alt="">
                                            <span class="flexBox">显示器</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/computerMore07.webp" alt="">
                                            <span class="flexBox">台式机</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/computerMore08.webp" alt="">
                                            <span class="flexBox">打印机</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/computerMore09.png" alt="">
                                            <span class="flexBox">配件</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/computerMore10.jpg" alt="">
                                            <span class="flexBox">电脑包</span>
                                        </li>
                                        <li class="seeAll">
                                            <div class="seeAllBox">
                                                <span>查看全部</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="firstNavList flexBox pad">
                                <span class="left">平板</span>
                                <span class="right flexBox"></span>
                                <div class="secondNav more">
                                    <ul class="flexBox">
                                        <li class="moreList flexBox">
                                            <img src="./img/padMore01.webp" alt="">
                                            <span class="flexBox">MatePad Pro系列</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/padMore02.webp" alt="">
                                            <span class="flexBox">MatePad系列</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/padMore03.webp" alt="">
                                            <span class="flexBox">墨水平板</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/padMore04.webp" alt="">
                                            <span class="flexBox">MateBook E系列</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/padMore05.webp" alt="">
                                            <span class="flexBox">M系列和畅享平板</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/padMore06.webp" alt="">
                                            <span class="flexBox">商用平板</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/padMore07.png" alt="">
                                            <span class="flexBox">配件</span>
                                        </li>
                                        <li class="seeAll">
                                            <div class="seeAllBox">
                                                <span>查看全部</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="firstNavList flexBox smart_screen">
                                <span class="left">智慧屏</span>
                                <span class="right flexBox"></span>
                                <div class="secondNav more">
                                    <ul class="flexBox">
                                        <li class="moreList flexBox">
                                            <img src="./img/smart_screenMore01.webp" alt="">
                                            <span class="flexBox">智慧屏V Pro</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/smart_screenMore02.webp" alt="">
                                            <span class="flexBox">智慧屏V系列</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/smart_screenMore03.webp" alt="">
                                            <span class="flexBox">华为智慧屏 SE MEMC</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/smart_screenMore04.webp" alt="">
                                            <span class="flexBox">华为智慧屏 SE</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/smart_screenMore05.png" alt="">
                                            <span class="flexBox">智慧屏S系列</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/smart_screenMore06.webp" alt="">
                                            <span class="flexBox">学习智慧屏</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/smart_screenMore07.webp" alt="">
                                            <span class="flexBox">商用智慧屏</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/smart_screenMore08.png" alt="">
                                            <span class="flexBox">配件</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/smart_screenMore09.webp" alt="">
                                            <span class="flexBox">办公协作大屏</span>
                                        </li>
                                        <li class="seeAll">
                                            <div class="seeAllBox">
                                                <span>查看全部</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="firstNavList flexBox wearing">
                                <span class="left">穿戴</span>
                                <span class="right flexBox"></span>
                                <div class="secondNav more">
                                    <ul class="flexBox">
                                        <li class="moreList flexBox">
                                            <img src="./img/wearing01.webp" alt="">
                                            <span class="flexBox">智慧科技</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/wearing02.webp" alt="">
                                            <span class="flexBox">经典全能</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/wearing03.webp" alt="">
                                            <span class="flexBox">专业极致</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/wearing04.webp" alt="">
                                            <span class="flexBox">时尚潮流</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/wearing05.webp" alt="">
                                            <span class="flexBox">健康守护</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/wearing06.webp" alt="">
                                            <span class="flexBox">商业穿戴</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/wearing07.webp" alt="">
                                            <span class="flexBox">配件</span>
                                        </li>
                                        <li class="seeAll">
                                            <div class="seeAllBox">
                                                <span>查看全部</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="firstNavList flexBox headphone_speakers">
                                <span class="left">耳机音箱</span>
                                <span class="right flexBox"></span>
                                <div class="secondNav more">
                                    <ul class="flexBox">
                                        <li class="moreList flexBox">
                                            <img src="./img/headphone_speakersMore01.webp" alt="">
                                            <span class="flexBox">真无线耳机</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/headphone_speakersMore02.jpg" alt="">
                                            <span class="flexBox">有线耳机</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/headphone_speakersMore03.webp" alt="">
                                            <span class="flexBox">智能耳机</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/headphone_speakersMore04.webp" alt="">
                                            <span class="flexBox">颈戴式耳机</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/headphone_speakersMore05.webp" alt="">
                                            <span class="flexBox">蓝牙音箱</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/headphone_speakersMore06.webp" alt="">
                                            <span class="flexBox">智能音箱</span>
                                        </li>
                                        <li class="seeAll">
                                            <div class="seeAllBox">
                                                <span>查看全部</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="firstNavList flexBox door_lock_routing">
                                <span class="left">门锁路由</span>
                                <span class="right flexBox"></span>
                                <div class="secondNav more">
                                    <ul class="flexBox">
                                        <li class="moreList flexBox">
                                            <img src="./img/door_lock_routingMore01.webp" alt="">
                                            <span class="flexBox">华为智能门锁</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/door_lock_routingMore02.webp" alt="">
                                            <span class="flexBox">精品路由</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/door_lock_routingMore03.webp" alt="">
                                            <span class="flexBox">移动路由</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/door_lock_routingMore04.webp" alt="">
                                            <span class="flexBox">全屋WIFI</span>
                                        </li>
                                        <li class="seeAll">
                                            <div class="seeAllBox">
                                                <span>查看全部</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="firstNavList flexBox fittings">
                                <span class="left">配件</span>
                                <span class="right flexBox"></span>
                                <div class="secondNav more">
                                    <ul class="flexBox">
                                        <li class="moreList flexBox">
                                            <img src="./img/fittingsMore01.webp" alt="">
                                            <span class="flexBox">充电器&线材</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/fittingsMore02.jpg" alt="">
                                            <span class="flexBox">移动电源</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/fittingsMore03.png" alt="">
                                            <span class="flexBox">自拍杆&支架</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/fittingsMore04.webp" alt="">
                                            <span class="flexBox">摄像机&镜头</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/fittingsMore05.png" alt="">
                                            <span class="flexBox">保护壳</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/fittingsMore06.png" alt="">
                                            <span class="flexBox">保护套</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/fittingsMore07.png" alt="">
                                            <span class="flexBox">贴膜</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/fittingsMore08.png" alt="">
                                            <span class="flexBox">个人电脑配件</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/fittingsMore09.jpg" alt="">
                                            <span class="flexBox">电脑包</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/fittingsMore10.png" alt="">
                                            <span class="flexBox">平板配件</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/fittingsMore11.png" alt="">
                                            <span class="flexBox">智慧屏配件</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/fittingsMore12.png" alt="">
                                            <span class="flexBox">穿戴配件</span>
                                        </li>
                                        <li class="seeAll">
                                            <div class="seeAllBox">
                                                <span>查看全部</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="firstNavList flexBox ecological_products">
                                <span class="left">生态产品</span>
                                <span class="right flexBox"></span>
                                <div class="secondNav more">    
                                    <ul class="flexBox">
                                        <li class="moreList flexBox">
                                            <img src="./img/ecological_productsMore01.png" alt="">
                                            <span class="flexBox">运动健身</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/ecological_productsMore02.webp" alt="">
                                            <span class="flexBox">健身保健</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/ecological_productsMore03.png" alt="">
                                            <span class="flexBox">个护美妆</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/ecological_productsMore04.webp" alt="">
                                            <span class="flexBox">智能家居</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/ecological_productsMore05.webp" alt="">
                                            <span class="flexBox">影音娱乐</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/ecological_productsMore06.png" alt="">
                                            <span class="flexBox">户外出行</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/ecological_productsMore07.png" alt="">
                                            <span class="flexBox">数码周边</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/ecological_productsMore08.webp" alt="">
                                            <span class="flexBox">医疗保健</span>
                                        </li>
                                        <li class="seeAll">
                                            <div class="seeAllBox">
                                                <span>查看全部</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="firstNavList flexBox household_appliances">
                                <span class="left">家用电器</span>
                                <span class="right flexBox"></span>
                                <div class="secondNav more">
                                    <ul class="flexBox">
                                        <li class="moreList flexBox">
                                            <img src="./img/household_appliancesMore01.webp" alt="">
                                            <span class="flexBox">扫地清洁</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/household_appliancesMore02.webp" alt="">
                                            <span class="flexBox">空气净化器</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/household_appliancesMore03.webp" alt="">
                                            <span class="flexBox">厨电卫浴</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/household_appliancesMore04.webp" alt="">
                                            <span class="flexBox">净水器&热水器</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/household_appliancesMore05.webp" alt="">
                                            <span class="flexBox">智能门锁</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/household_appliancesMore06.webp" alt="">
                                            <span class="flexBox">摄像头安防</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/household_appliancesMore07.webp" alt="">
                                            <span class="flexBox">加湿&除湿&取暖</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/household_appliancesMore08.webp" alt="">
                                            <span class="flexBox">精选水杯</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/household_appliancesMore09.webp" alt="">
                                            <span class="flexBox">台灯&落地灯</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/household_appliancesMore10.webp" alt="">
                                            <span class="flexBox">灯饰照明</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/household_appliancesMore11.webp" alt="">
                                            <span class="flexBox">晾衣架&床&窗帘</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/household_appliancesMore12.webp" alt="">
                                            <span class="flexBox">插座&开关</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/household_appliancesMore13.webp" alt="">
                                            <span class="flexBox">电风扇</span>
                                        </li>
                                        <li class="seeAll">
                                            <div class="seeAllBox">
                                                <span>查看全部</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="firstNavList flexBox food_drinks">
                                <span class="left">美食酒饮</span>
                                <span class="right flexBox"></span>
                                <div class="secondNav more">
                                    <ul class="flexBox">
                                        <li class="moreList flexBox">
                                            <img src="./img/food_drinksMore01.webp" alt="">
                                            <span class="flexBox">甄选美酒</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/food_drinksMore02.webp" alt="">
                                            <span class="flexBox">严选良食</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/food_drinksMore03.webp" alt="">
                                            <span class="flexBox">进口生鲜</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/food_drinksMore04.webp" alt="">
                                            <span class="flexBox">精选好物</span>
                                        </li>
                                        <li class="seeAll">
                                            <div class="seeAllBox">
                                                <span>查看全部</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="firstNavList flexBox value_added">
                                <span class="left">增值服务/企业商用</span>
                                <span class="right flexBox"></span>
                                <div class="secondNav more">
                                    <ul class="flexBox">
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore01.png" alt="">
                                            <span class="flexBox">花币卡</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore02.webp" alt="">
                                            <span class="flexBox">手机延保</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore03.webp" alt="">
                                            <span class="flexBox">平板延保</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore04.webp" alt="">
                                            <span class="flexBox">笔记本延保</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore05.webp" alt="">
                                            <span class="flexBox">穿戴延保</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore06.webp" alt="">
                                            <span class="flexBox">音频延保</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore07.webp" alt="">
                                            <span class="flexBox">智慧屏全质保</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore08.webp" alt="">
                                            <span class="flexBox">门锁延保</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore09.webp" alt="">
                                            <span class="flexBox">路由器延保</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore10.webp" alt="">
                                            <span class="flexBox">焕新服务</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore11.webp" alt="">
                                            <span class="flexBox">惠修服务</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore12.webp" alt="">
                                            <span class="flexBox">商用安防</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore13.webp" alt="">
                                            <span class="flexBox">UPS电源</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore14.webp" alt="">
                                            <span class="flexBox">会议大屏</span>
                                        </li>
                                        <li class="moreList flexBox">
                                            <img src="./img/value_addedMore15.webp" alt="">
                                            <span class="flexBox">网络设备</span>
                                        </li>
                                        <li class="seeAll">
                                            <div class="seeAllBox">
                                                <span>查看全部</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
            
        <div class="main flexBox searchDetail" style="display:none">
            <div class="top flexBox">
                <div class="search_detail">
                    <div class="search_input_container flexBox">
                        <div class="svg_logo flexBox"></div>
                        <div class="input">
                            <input type="text" placeholder="搜索商品">
                        </div>
                        <div class="close_logo"></div>
                    </div>
                </div>
                <div class="search_discovery">
                    <div class="search_discovery_container flexBox">
                        <div class="title flexBox">
                            <span>搜索发现</span>
                            <img src="./img/changeIt.png" alt="">
                        </div>
                        <div class="recommendList">
                            <ul class="flexBox">
                                <li>MateView SE</li>
                                <li>手机</li>
                                <li>筋膜枪</li>
                                <li>p50</li>
                                <li>手环</li>
                                <li>nova 8 pro</li>
                                <li>平板电脑</li>
                                <li>手环7</li>
                                <li>智能吉他</li>
                                <li>xs 2</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bottom"></div>
        </div>
    </nav>

    <main>
        <!-- 索引 -->
        <div class="index">
            <div class="pc_width">
                <div class="main">
                    <a href="#">首页</a>
                    <span>&nbsp; > &nbsp;</span>
                    <a href="#">手机</a>
                    <span>&nbsp; > &nbsp;</span>
                    <a href="#">华为畅享系列</a>
                    <span>&nbsp; > &nbsp;&nbsp;</span>
                    <span>【新品上市】华为畅享 50 6GB+128GB 冰晶蓝</span>
                </div>
            </div>
        </div>

        <!-- 商品选购信息 -->
        <div class="product">
            <div class="pc_width">
                <div class="main flexBox">
                    <div class="left">
                        <div class="product_gallery">
                            <div class="product_gallery_img">
                                <!-- <a href="#"><img src="/img/Product-Detail_gallerys01.webp" alt=""></a> -->
                                <a href="#"></a>
                                <div class="mask"></div>
                                <div class="rightBigPicture"></div>
                            </div>
                            <div class="product_gallery_nav">
                                <a href="javascript:;" class="product_gallery_back"></a>
                                <div class="product_gallery_thumbs">
                                    <ul class="pro_gallerys">
                                        <li class="current">
                                            <a href="javascript:;"><img src="/img/Product-Detail_gallerys01.webp" alt="【新品上市】华为畅享 50 6GB+128GB 冰晶蓝"></a>
                                        </li>
                                        <li>
                                            <a href="javascript:;"><img src="/img/Product-Detail_gallerys02.webp" alt="【新品上市】华为畅享 50 6GB+128GB 冰晶蓝"></a>
                                        </li>
                                        <li>
                                            <a href="javascript:;"><img src="/img/Product-Detail_gallerys03.webp" alt="【新品上市】华为畅享 50 6GB+128GB 冰晶蓝"></a>
                                        </li>
                                        <li>
                                            <a href="javascript:;"><img src="/img/Product-Detail_gallerys04.webp" alt="【新品上市】华为畅享 50 6GB+128GB 冰晶蓝"></a>
                                        </li>
                                        <li>
                                            <a href="javascript:;"><img src="/img/Product-Detail_gallerys05.webp" alt="【新品上市】华为畅享 50 6GB+128GB 冰晶蓝"></a>
                                        </li>
                                        <li>
                                            <a href="javascript:;"><img src="/img/Product-Detail_gallerys06.webp" alt="【新品上市】华为畅享 50 6GB+128GB 冰晶蓝"></a>
                                        </li>
                                        <li>
                                            <a href="javascript:;"><img src="/img/Product-Detail_gallerys07.webp" alt="【新品上市】华为畅享 50 6GB+128GB 冰晶蓝"></a>
                                        </li>
                                        <li>
                                            <a href="javascript:;"><img src="/img/Product-Detail_gallerys08.webp" alt="【新品上市】华为畅享 50 6GB+128GB 冰晶蓝"></a>
                                        </li>
                                        <li>
                                            <a href="javascript:;"><img src="/img/Product-Detail_gallerys09.webp" alt="【新品上市】华为畅享 50 6GB+128GB 冰晶蓝"></a>
                                        </li>
                                    </ul>
                                </div>
                                <a href="javascript:;" class="product_gallery_forward"></a>
                            </div>
                        </div>
                    </div>
                    <div class="right">
                        <div class="product_property">
                            <div class="product_property_recommand">
                                <!-- 商品标题 -->
                                <div class="product_meta">
                                    <h1>【新品上市】华为畅享 50 6GB+128GB 冰晶蓝</h1>
                                    <div class="product_slogan">
                                        <a href="javascript:;" class="product_slogan_link">【现货速发】①赠49元华为AM115半入耳式耳机 |  更多甄选手机点击了解>></a>
                                    </div>
                                </div>

                                <!-- 商品价格信息  =>  价格+促销 -->
                                <div class="product_prices">
                                    <!-- 价格 -->
                                    <div class="product_info_list flexBox">
                                        <label>价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格</label>
                                        <div class="product_price">
                                            <div class="product_price_info">
                                                <span class="pro_price"><em>¥</em>1299.00</span>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 促销 -->
                                    <div class="product_info_list flexBox">
                                        <label>促&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;销</label>
                                        <div class="product_prom">
                                            <!-- 赠品 -->
                                            <div class="product_prom_item flexBox">
                                                <em class="tag">赠品</em>
                                                <div class="product_prom_con flexBox">
                                                    <div class="product_parts_list">
                                                        <a href="javascript:;" title="华为 AM115 半入耳式耳机（白色）">
                                                            <img src="/img/Shopping-Cart_product_parts_list01.png" alt="华为 AM115 半入耳式耳机（白色）">
                                                        </a>
                                                    </div>
                                                    <a href="javascript:;" class="product_partscolor">去选择&nbsp;></a>
                                                </div>
                                            </div>
                                            <!-- 赠送积分 -->
                                            <div class="product_prom_item integral flexBox">
                                                <em class="tag">赠送积分</em>
                                                <div class="product_prom_con flexBox">购买即赠商城积分，积分可抵现~</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <!-- 商品信息=>服务说明+商品编码 -->
                                <div class="product_info">
                                    <!-- 服务说明 -->
                                    <div class="product_pulldown">
                                        <div class="product_address flexBox">
                                            <label class="label_label">服务说明</label>
                                            <div class="product_pulldown_main">
                                                <div class="fl">
                                                    <a href="javascript:;" class="product_pulldown_btn">福建 > 福州 > 鼓楼区
                                                        <!-- 选择地址-详细 -->
                                                        <div class="product_pulldown_detail">
                                                            <div class="product_pulldown_detailmain">
                                                                <div class="product_address_choose flexBox">
                                                                    <div class="product_address_new">
                                                                        <dl class="provide_info">
                                                                            <dt>选择新地址</dt>
                                                                            <dd class="current">福建</dd>
                                                                            <dd>请选择</dd>
                                                                            <dd>请选择</dd>
                                                                        </dl>
                                                                    </div>
                                                                    <div class="product_address_table">
                                                                        <table>
                                                                            <tbody>
                                                                                <tr>
                                                                                    <td>北京</td>
                                                                                    <td>安徽</td>
                                                                                    <td>福建</td>
                                                                                    <td>甘肃</td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td>广东</td>
                                                                                    <td>广西壮族自治区</td>
                                                                                    <td>贵州</td>
                                                                                    <td>海南</td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td>河北</td>
                                                                                    <td>河南</td>
                                                                                    <td>黑龙江</td>
                                                                                    <td>湖北</td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td>湖南</td>
                                                                                    <td>吉林</td>
                                                                                    <td>江苏</td>
                                                                                    <td>江西</td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td>辽宁</td>
                                                                                    <td>内蒙古自治区</td>
                                                                                    <td>宁夏回族自治区</td>
                                                                                    <td>青海</td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td>山东</td>
                                                                                    <td>山西</td>
                                                                                    <td>陕西</td>
                                                                                    <td>上海</td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td>四川</td>
                                                                                    <td>天津</td>
                                                                                    <td>西藏自治区</td>
                                                                                    <td>新疆维吾尔族自治区</td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td>云南</td>
                                                                                    <td>浙江</td>
                                                                                    <td>重庆</td>
                                                                                </tr>
                                                                            </tbody>
                                                                        </table>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </a>
                                                </div>
                                                
                                            </div>
                                            <div class="product_address_prompt">
                                                <span>现货</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product_pulldown">
                                        <div class="product_address flexBox">
                                            <label class="label_label">&nbsp;</label>
                                            <div class="product_pulldown_main">
                                                <div class="fl">
                                                    <div class="product_description_list">
                                                        <ul>
                                                            <li class="product_description_list_title">满48元包邮</li>
                                                            <li class="product_description_list_title">由华为终端提供商品、发货开票及售后服务</li>
                                                            <a href="javascript:;" class="seeDetail">查看详情</a>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    
                                    <!-- 商品编码 -->
                                    <div class="product_description flexBox">
                                        <label class="label_label">商品编码</label>
                                        <div class="product_pulldown_main">
                                            <div class="fl">2601010371202</div>
                                        </div>
                                    </div>
                                </div>


                                <!-- 商品选购 => 颜色+版本+网络制式+套餐 -->
                                <div class="pro_skus">
                                    <div class="product_choose flexBox product_choosepic">
                                        <label>选择颜色</label>
                                        <div class="product_choose_detail">
                                            <ul class="flexBox">
                                                <li>
                                                    <div class="sku">
                                                        <a href="javascript:;" title="贝母白" class="flexBox">
                                                            <img src="/img/product_choose_detail01.png" alt="贝母白">
                                                            <p>贝母白</p>
                                                        </a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="sku">
                                                        <a href="javascript:;" title="冰晶蓝" class="flexBox selected">
                                                            <img src="/img/product_choose_detail02.png" alt="冰晶蓝">
                                                            <p>冰晶蓝</p>
                                                        </a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="sku">
                                                        <a href="javascript:;" title="幻夜黑" class="flexBox">
                                                            <img src="/img/product_choose_detail03.png" alt="幻夜黑">
                                                            <p>幻夜黑</p>
                                                        </a>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="product_choose flexBox">
                                        <label>选择版本</label>
                                        <div class="product_choose_detail">
                                            <ul class="flexBox">
                                                <li>
                                                    <div class="sku">
                                                        <a href="javascript:;" title="贝母白" class="flexBox selected">
                                                            <p>6GB+128GB</p>
                                                        </a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="sku">
                                                        <a href="javascript:;" title="贝母白" class="flexBox">
                                                            <p>8GB+128GB</p>
                                                        </a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="sku">
                                                        <a href="javascript:;" title="贝母白" class="flexBox">
                                                            <p>8GB+256GB</p>
                                                        </a>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="product_choose flexBox">
                                        <label>选择网络制式</label>
                                        <div class="product_choose_detail">
                                            <ul class="flexBox">
                                                <li>
                                                    <div class="sku">
                                                        <a href="javascript:;" title="4G 全网通" class="flexBox selected">
                                                            <p>4G 全网通</p>
                                                        </a>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="product_choose flexBox">
                                        <label>选择套餐</label>
                                        <div class="product_choose_detail">
                                            <ul class="flexBox">
                                                <li>
                                                    <div class="sku">
                                                        <a href="javascript:;" title="官方标配" class="flexBox selected">
                                                            <p>官方标配</p>
                                                        </a>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>


                                <!-- 保障服务 -->
                                <div class="pro_service">
                                    <div class="pro_service_choose flexBox">
                                        <label class="label_label">保障服务</label>
                                        <div class="pro_service_main flexBox">
                                            <div class="product_service">
                                                <a href="javascript:;" class="product_service_btn">碎屏服务宝1年&nbsp;￥229
                                                    <div class="product_service_detail">
                                                        <div class="product_service_list">
                                                            <div class="product_service_list_container">
                                                                <div class="fl flexBox">
                                                                    <div class="input"></div>
                                                                    <div class="product_service_info flexBox">
                                                                        <span>碎屏服务宝1年&nbsp;￥229</span>
                                                                        <span class="detail">详情&nbsp;></span>
                                                                    </div>
                                                                </div>
                                                                <div class="fl flexBox">
                                                                    <div class="input"></div>
                                                                    <div class="product_service_info flexBox">
                                                                        <span>碎屏(含后盖)服务宝1年&nbsp;￥229</span>
                                                                        <span class="detail">详情&nbsp;></span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="product_service">
                                                <a href="javascript:;" class="product_service_btn">华为延长服务宝（一年期）&nbsp;￥128
                                                    <div class="product_service_detail">
                                                        <div class="product_service_list">
                                                            <div class="product_service_list_container">
                                                                <div class="fl flexBox">
                                                                    <div class="input"></div>
                                                                    <div class="product_service_info flexBox">
                                                                        <span>华为延长服务宝（一年期）&nbsp;￥128</span>
                                                                        <span class="detail">详情&nbsp;></span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>


                                <!-- 操作 -->
                                <div class="product_operation_location">
                                    <!-- 已选中商品信息 -->
                                    <div class="product_description flexBox">
                                        <label>已选择商品：</label>
                                        <div class="product_selected">冰晶蓝 / 6GB+128GB / 4G 全网通 / 官方标配 </div>
                                    </div>

                                    <!-- 操作 -->
                                    <div class="product_operation">
                                        <div class="must_exist flexBox">
                                            <div class="product_stock flexBox">
                                                <input type="text" class="product_stock_text" placeholder="1" value="1">
                                                <p class="product_stock_btn">
                                                    <a href="javascript:;" class="pro_quantity_plus">+</a>
                                                    <a href="javascript:;" class="pro_quantity_minus disabled">-</a>
                                                </p>
                                            </div>
                                            <div class="product_buttonmain flexBox">
                                                <a href="javascript:;" class="product_botton01"><span>加入购物车</span></a>
                                                <a href="javascript:;" class="product_botton02"><span>立即下单</span></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>

        <!-- 购物推荐 -->
        <div class="layout">
            <div class="pc_width">
                <div class="main">
                    <!-- 自选套餐 -->
                    <div class="product_recommend flexBox">
                        <ul class="product_package_tab">
                            <li class="current">
                                <a href="javascript:;">购机推荐</a>
                            </li>
                        </ul>
                        <div class="product_recommend_con flexBox">
                            <!-- 左 -->
                            <div class="product_recommend_main">
                                <div class="product_recommend_thumbs">
                                    <ul>
                                        <li>
                                            <a href="javascript:;">
                                                <img src="/img/Product-Detail_gallerys02.webp" alt="">
                                                <p>【新品上市】华为畅享 50 6GB+128GB 冰晶蓝</p>
                                            </a>
                                            <div class="price"><span>¥1299</span></div>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <!-- 中 -->
                            <div class="product_recommend_detail goods_rolling">
                                <div class="product_recommend_thumbs swiper-container">
                                    <div class="grid_btn btn_prev disabled"><span></span></div>
                                    <div class="grid_btn btn_next"><span></span></div>
                                    <ul class="swiper_wrapper flexBox">
                                        <li class="swiper_slide">
                                            <a href="javascript:;" class="j_pimg">
                                                <img src="/img/Shopping-Cart_swiper_slide01.webp">
                                                <p class="numb_time" title="HUAWEI FreeBuds 5i 无线耳机 陶瓷白">HUAWEI FreeBuds 5i 无线耳机 陶瓷白</p>
                                            </a>
                                            <div class="color_rolling">
                                                <div class="color_rolling_detail">
                                                    <div class="color_rolling_dp_glasses">
                                                        <a href="javascript:;" class="color_rolling_dp_glasses_title">
                                                            <span>陶瓷白</span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="price flexBox">
                                                <div class="j_input"></div>
                                                <span class="newPrice">¥499</span>
                                                <span class="oldPrice">¥599</span>
                                            </div>
                                        </li>
                                        <li class="swiper_slide">
                                            <a href="javascript:;" class="j_pimg">
                                                <img src="/img/Shopping-Cart_swiper_slide02.png">
                                                <p class="numb_time" title="华为智能眼镜 透灰色 飞行员全框光学镜">华为智能眼镜 透灰色 飞行员全框光学镜</p>
                                            </a>
                                            <div class="color_rolling">
                                                <div class="color_rolling_detail">
                                                    <div class="color_rolling_dp_glasses">
                                                        <a href="javascript:;" class="color_rolling_dp_glasses_title">
                                                            <span>飞行员全框 / 透灰色</span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="price flexBox">
                                                <div class="j_input"></div>
                                                <span class="newPrice">¥1399</span>
                                                <span class="oldPrice">¥1699</span>
                                            </div>
                                        </li>
                                        <li class="swiper_slide">
                                            <a href="javascript:;" class="j_pimg">
                                                <img src="/img/Shopping-Cart_swiper_slide03.png">
                                                <p class="numb_time" title="华为mini超级快充充电器(Max 25W) 白色 （含数据线）">华为mini超级快充充电器(Max 25W) 白色 （含数据线）</p>
                                            </a>
                                            <div class="color_rolling">
                                                <div class="color_rolling_detail">
                                                    <div class="color_rolling_dp_glasses">
                                                        <a href="javascript:;" class="color_rolling_dp_glasses_title">
                                                            <span>含数据线 / 白色</span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="price flexBox">
                                                <div class="j_input"></div>
                                                <span class="newPrice">¥99</span>
                                            </div>
                                        </li>
                                        <li class="swiper_slide">
                                            <a href="javascript:;" class="j_pimg">
                                                <img src="/img/Shopping-Cart_swiper_slide04.png">
                                                <p class="numb_time" title="华为智能体脂秤 3 雅致白">华为智能体脂秤 3 雅致白</p>
                                            </a>
                                            <div class="color_rolling">
                                                <div class="color_rolling_detail">
                                                    <div class="color_rolling_dp_glasses">
                                                        <a href="javascript:;" class="color_rolling_dp_glasses_title">
                                                            <span>智能体脂秤 3 / 雅致白</span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="price flexBox">
                                                <div class="j_input"></div>
                                                <span class="newPrice">¥99</span>
                                                <span class="oldPrice">¥169</span>
                                            </div>
                                        </li>
                                        <li class="swiper_slide">
                                            <a href="javascript:;" class="j_pimg">
                                                <img src="/img/Shopping-Cart_swiper_slide05.webp">
                                                <p class="numb_time" title="HUAWEI FreeBuds 4E 无线耳机 冰霜银">HUAWEI FreeBuds 4E 无线耳机 冰霜银</p>
                                            </a>
                                            <div class="color_rolling">
                                                <div class="color_rolling_detail">
                                                    <div class="color_rolling_dp_glasses">
                                                        <a href="javascript:;" class="color_rolling_dp_glasses_title">
                                                            <span>冰霜银</span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="price flexBox">
                                                <div class="j_input"></div>
                                                <span class="newPrice">¥579</span>
                                                <span class="oldPrice">¥699</span>
                                            </div>
                                        </li>
                                        <li class="swiper_slide">
                                            <a href="javascript:;" class="j_pimg">
                                                <img src="/img/Shopping-Cart_swiper_slide06.png">
                                                <p class="numb_time" title="华为氮化镓超薄充电器 (Max 66W) 白色">华为氮化镓超薄充电器 (Max 66W) 白色</p>
                                            </a>
                                            <div class="color_rolling">
                                                <div class="color_rolling_detail">
                                                    <div class="color_rolling_dp_glasses">
                                                        <a href="javascript:;" class="color_rolling_dp_glasses_title">
                                                            <span>白色</span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="price flexBox">
                                                <div class="j_input"></div>
                                                <span class="newPrice">¥299</span>
                                                <!-- <span class="oldPrice">¥699</span> -->
                                            </div>
                                        </li>
                                        <li class="swiper_slide">
                                            <a href="javascript:;" class="j_pimg">
                                                <img src="/img/Shopping-Cart_swiper_slide07.png">
                                                <p class="numb_time" title="华为超级快充车载充电器（Max 66W）黑色">华为超级快充车载充电器（Max 66W）黑色</p>
                                            </a>
                                            <div class="color_rolling">
                                                <div class="color_rolling_detail">
                                                    <div class="color_rolling_dp_glasses">
                                                        <a href="javascript:;" class="color_rolling_dp_glasses_title">
                                                            <span>黑色</span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="price flexBox">
                                                <div class="j_input"></div>
                                                <span class="newPrice">¥229</span>
                                                <!-- <span class="oldPrice">¥699</span> -->
                                            </div>
                                        </li>
                                        <li class="swiper_slide">
                                            <a href="javascript:;" class="j_pimg">
                                                <img src="/img/Shopping-Cart_swiper_slide08.png">
                                                <p class="numb_time" title="HUAWEI FreeBuds Pro 无线充版 冰霜银 ">HUAWEI FreeBuds Pro 无线充版 冰霜银 </p>
                                            </a>
                                            <div class="color_rolling">
                                                <div class="color_rolling_detail">
                                                    <div class="color_rolling_dp_glasses">
                                                        <a href="javascript:;" class="color_rolling_dp_glasses_title">
                                                            <span>冰霜银 / 无线充版</span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="price flexBox">
                                                <div class="j_input"></div>
                                                <span class="newPrice">¥569</span>
                                                <span class="oldPrice">¥899</span>
                                            </div>
                                        </li>
                                        <li class="swiper_slide">
                                            <a href="javascript:;" class="j_pimg">
                                                <img src="/img/Shopping-Cart_swiper_slide09.png">
                                                <p class="numb_time" title="华为儿童手表 3 Pro 全网通 极光蓝 九重定位">华为儿童手表 3 Pro 全网通 极光蓝 九重定位</p>
                                            </a>
                                            <div class="color_rolling">
                                                <div class="color_rolling_detail">
                                                    <div class="color_rolling_dp_glasses">
                                                        <a href="javascript:;" class="color_rolling_dp_glasses_title">
                                                            <span>儿童手表 3 Pro / 极光蓝</span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="price flexBox">
                                                <div class="j_input"></div>
                                                <span class="newPrice">¥448</span>
                                                <span class="oldPrice">¥798</span>
                                            </div>
                                        </li>
                                        <li class="swiper_slide">
                                            <a href="javascript:;" class="j_pimg">
                                                <img src="/img/Shopping-Cart_swiper_slide10.png">
                                                <p class="numb_time" title="华为儿童手表 3 星云粉 精准定位 一键呼救">华为儿童手表 3 星云粉 精准定位 一键呼救</p>
                                            </a>
                                            <div class="color_rolling">
                                                <div class="color_rolling_detail">
                                                    <div class="color_rolling_dp_glasses">
                                                        <a href="javascript:;" class="color_rolling_dp_glasses_title">
                                                            <span>星云粉</span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="price flexBox">
                                                <div class="j_input"></div>
                                                <span class="newPrice">¥198</span>
                                                <span class="oldPrice">¥298</span>
                                            </div>
                                        </li>
                                        <li class="swiper_slide">
                                            <a href="javascript:;" class="j_pimg">
                                                <img src="/img/Shopping-Cart_swiper_slide11.png">
                                                <p class="numb_time" title="HUAWEI WATCH FIT new 西柚红 10天续航">HUAWEI WATCH FIT new 西柚红 10天续航</p>
                                            </a>
                                            <div class="color_rolling">
                                                <div class="color_rolling_detail">
                                                    <div class="color_rolling_dp_glasses">
                                                        <a href="javascript:;" class="color_rolling_dp_glasses_title">
                                                            <span>FIT new / 西柚红</span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="price flexBox">
                                                <div class="j_input"></div>
                                                <span class="newPrice">¥449</span>
                                                <span class="oldPrice">¥799</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <!-- 右 -->
                            <ul class="product_recommend_operation">
                                <li class="chk_num">每个套餐搭配<em>0</em>件</li>
                                <li class="chk_price">
                                    组合价：<span>¥1299</span>
                                </li>
                                <li>
                                    <a href="javascript:;" class="product_botton01"><span>加入购物车</span></a>
                                </li>
                                <li>
                                    <a href="javascript:;" class="product_botton02"><span>立即下单</span></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 商品详情-书签 -->
        <div class="product_tab">
            <div class="pc_width">
                <p>
                    <a href="#product_detail" class="notOpenTestDetail selected">商品详情</a>
                    <a href="#product_parameter" class="notOpenTestDetail">规格参数</a>
                    <a href="#packing" class="notOpenTestDetail">包装和售后</a>
                    <a href="#product_comment" class="notOpenTestDetail">用户评价<span>(1400+)</span></a>
                </p>
                <div class="product_tab_btn">
                    <a href="javascript:;" class="product_botton01"><span>加入购物车</span></a>
                </div>
            </div>
        </div>

        <!-- 商品详情 -->
        <div class="product_detail" id="product_detail">
            <div class="pro_detail_contents">
                <div class="richTextContent">
                    <img src="/img/Product_details01.webp" alt="">
                    <img src="/img/Product_details02.webp" alt="">
                    <img src="/img/Product_details03.webp" alt="">
                    <img src="/img/Product_details04.webp" alt="">
                    <img src="/img/Product_details05.webp" alt="">
                    <img src="/img/Product_details06.webp" alt="">
                </div>
            </div>
        </div>

        <div class="h_60" id="product_parameter"></div>
        <!-- 规格参数 -->
        <div class="product_parameter">
            <div class="pc_width">
                <div class="main">
                    <div class="product_title">规格参数</div>
                    <!-- 主要参数 -->
                    <div class="product_parameter_main flexBox" style="border-top: 0;">
                        <h2>主要参数</h2>
                        <ul>
                            <li class="flexBox">
                                <label>传播名</label>
                                <span>华为畅享 50</span>
                            </li>
                            <li class="flexBox">
                                <label>电池容量</label>
                                <span>6000mAh（典型值）  5900mAh（额定值）</span>
                            </li>
                            <li class="flexBox">
                                <label>后置摄像头</label>
                                <span>后置双摄：1300 万像素主摄摄像头 (f/1.8 光圈)+200 万像素景深摄像头（f/2.4光圈）</span>
                                <div class="parameter_detail">备注：不同拍照模式的照片像素可能有差异，请以实际为准。</div>
                            </li>
                            <li class="flexBox">
                                <label>前置摄像头</label>
                                <span>前置单摄： 800万像素，f/2.0光圈</span>
                                <div class="parameter_detail">备注：不同拍照模式的照片像素可能有差异，请以实际为准。</div>
                            </li>
                            <li class="flexBox">
                                <label>屏幕尺寸</label>
                                <span>6.75英寸</span>
                            </li>
                            <li class="flexBox">
                                <label>上市时间</label>
                                <span>2022年6月</span>
                            </li>
                            <li class="flexBox">
                                <label>屏幕色彩</label>
                                <span>16.7M</span>
                            </li>
                            <li class="flexBox">
                                <label>运行内存（RAM）</label>
                                <span>6GB</span>
                                <div class="parameter_detail">备注：可使用的内存容量小于此值，因为手机软件占用的空间。</div>
                            </li>
                            <li class="flexBox">
                                <label>机身内存（ROM）</label>
                                <span>128GB</span>
                                <div class="parameter_detail">备注：可使用的内存容量小于此值，因为手机软件占用的空间。</div>
                            </li>
                            <li class="flexBox">
                                <label>分辨率</label>
                                <span>HD+ 1600x720</span>
                            </li>
                            <li class="flexBox">
                                <label>最大支持扩展</label>
                                <span>512GB</span>
                            </li>
                            <li class="flexBox">
                                <label>CPU型号</label>
                                <span>八核芯片</span>
                            </li>
                            <li class="flexBox">
                                <label>CPU核数</label>
                                <span>八核</span>
                            </li>
                            <li class="flexBox">
                                <label>双卡</label>
                                <span>支持</span>
                            </li>
                        </ul>
                    </div>
                    
                    <div class="product_parameter_detail">
                        <div class="product_shade" style="display: block;">
                            <a href="javascript:;" class="product_detail_btndown">查看全部参数</a>
                        </div>
                        <div class="pc_width product_parameter_detail_main" style="height: 540px;">
                            <!-- 主体 -->
                            <div class="product_parameter_main flexBox">
                                <h2>主体</h2>
                                <ul>
                                    <li class="flexBox">
                                        <label>品牌</label>
                                        <span>华为</span>
                                    </li>
                                    <li class="flexBox">
                                        <label>型号</label>
                                        <span>MGA_AL00</span>
                                    </li>
                                    <li class="flexBox">
                                        <label>传播名</label>
                                        <span>华为畅享 50</span>
                                    </li>
                                    <li class="flexBox">
                                        <label>上市时间</label>
                                        <span>2022年6月</span>
                                    </li>
                                    <li class="flexBox">
                                        <label>操作系统</label>
                                        <span>HarmonyOS</span>
                                    </li>
                                    <li class="flexBox">
                                        <label>CPU型号</label>
                                        <span>八核芯片</span>
                                    </li>
                                    <li class="flexBox">
                                        <label>CPU核数</label>
                                        <span>八核</span>
                                    </li>
                                    <li class="flexBox">
                                        <label>双卡</label>
                                        <span>支持</span>
                                    </li>
                                    <li class="flexBox">
                                        <label>特色功能</label>
                                        <span>人脸解锁/语音控制/快分享/支付保护中心/单手操作/杂志锁屏/应用锁/应用分身/手机克隆等</span>
                                    </li>
                                    <li class="flexBox">
                                        <label>系统导航方式</label>
                                        <span>手势导航、屏幕内三键导航，悬浮导航</span>
                                    </li>
                                    <li class="flexBox">
                                        <label>系列</label>
                                        <span>畅享系列</span>
                                    </li>
                                </ul>
                            </div>

                            
                            <!-- 网络 -->
                            <div class="product_parameter_main flexBox">
                                <h2>网络</h2>
                                <ul>
                                    <li class="flexBox">
                                        <label>网络制式</label>
                                        <span>支持联通 4G/3G/2G，移动 4G/2G ,电信4G</span>
                                    </li>
                                    <li class="flexBox">
                                        <label>4G网络制式</label>
                                        <span>4G网络制式主卡：移动 4G（TD-LTE/LTE FDD）/联通 4G（TD-LTE/LTE FDD）/电信 4G（TD-LTE/LTE FDD）  4G网络制式副卡：移动 4G（TD-LTE/LTE FDD）/联通 4G（TD-LTE/LTE FDD）/电信 4G（TD-LTE/LTE FDD）</span>
                                    </li>
                                    <li class="flexBox">
                                        <label>3G网络制式</label>
                                        <span>3G网络制式主卡：联通 3G（WCDMA）  3G网络制式副卡：联通 3G（WCDMA）</span>
                                    </li>
                                    <li class="flexBox">
                                        <label>2G网络制式</label>
                                        <span>2G网络制式主卡：移动 2G（GSM）/联通 2G（GSM）  2G网络制式副卡：移动 2G（GSM）/联通 2G（GSM）</span>
                                    </li>
                                    <li class="flexBox">
                                        <label>网络频率</label>
                                        <span>网络频率主卡：TDD-LTE:B34/B38/B39/B40/B41 (按照全频段)
                                            FDD-LTE:B1/B3/B5/B8
                                            WCDMA:B1/B5/B8
                                            
                                            网络频率副卡：TDD-LTE:B34/B38/B39/B40/B41 (按照全频段)
                                            FDD-LTE:B1/B3/B5/B8
                                            WCDMA:B1/B5/B8</span>
                                    </li>
                                    <li class="flexBox">
                                        <label>数据业务</label>
                                        <span>TD-LTE/FDD-LTE/WCDMA/HSPA+/DC-HSDPA/EDGE/GPRS，支持VoLTE/ViLTE</span>
                                        <div class="parameter_detail">备注：*各个地区的网络和频段可能有所不同，具体取决于当地运营商以及您所在的位置             *VoLTE/ViLTE依赖运营商网络支持并开通相关业务。</div>
                                    </li>
                                    <li class="flexBox">
                                        <label>浏览器</label>
                                        <span>支持</span>
                                    </li>
                                    <li class="flexBox">
                                        <label>副卡是否可以上网</label>
                                        <span>支持</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <a href="javascript:;" class="product_detail_btnup" style="display: none;">收起参数详情</a>
                    </div>
                    
                </div>
            </div>
        </div>

        <div class="h_60" id="packing"></div>
        <!-- 包装 -->
        <div class="product_parameter">
            <div class="pc_width">
                <div class="main">
                    <div class="product_title">包装</div>
                    <!-- 主要内容 -->
                    <div class="product_packing">
                        <div class="product_packing_content">
                            <em> 手机（含内置电池）X 1 </em>
                            <em> 快速指南 X 1 </em>
                            <em> 充电器 X 1 </em>
                            <em> Type C 数据线 X 1 </em>
                            <em> 取卡针 X 1 </em>
                            <em> TP保护膜(出厂贴在屏幕上) X 1 </em>
                            <em> TPU保护壳X 1 </em>
                            <em> 三包卡 X 1 </em>
                            <em> 华为云业务权益卡 X 1 </em>
                            <em> （备注：最终以实物为准） </em>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 售后服务 -->
        <div class="product_parameter" style="margin-top: 0;">
            <div class="pc_width">
                <div class="main">
                    <div class="product_title">售后服务</div>
                    <!-- 主要内容 -->
                    <div class="product_tab_service">
                        <div class="product_tab_service_content">
                            <span> 本产品全国联保，享受三包服务，保修期：1年 </span>
                            <span> 如因质量问题或性能故障，凭华为客户服务中心出具的质量检测证明，享受7日内退货，15日内换货，15日以上在保修期内可享受免费维修等三包服务 </span>
                            <span> 华为消费者服务热线：950800 </span>
                            <span> 华为官方服务软件：服务App </span>
                            <span>
                                 华为消费者业务官网-服务与支持： 
                                <a href="https://consumer.huawei.com/cn/support/ "> https://consumer.huawei.com/cn/support/ </a>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 其他 -->
        <div class="product_detail_stips">
            <div class="pc_width">
                <div class="product_word">
                    <ul>
                        <li>*因可能存在系统缓存，页面更新导致价格变动异常等不确定性情况出现，如您发现活动商品标价或促销信息有异常，请您立即联系我们，以便我们及时补正。</li>
                        <li>*以上页面中的产品图片及屏幕内容仅作示意，实物产品效果（包括但不限于外观、颜色、尺寸）和屏幕显示内容（包括但不限于背景、UI、配图）可能略有差异，请以实物为准。</li>
                        <li>*以上页面中的数据为理论值，均来自华为内部实验室，于特定测试环境下所得（请见各项具体说明），实际使用中可能因产品个体差异、软件版本、使用条件和环境因素不同略有不同，请以实际使用的情况为准。</li>
                        <li>*为提供尽可能准确的产品信息、规格参数、产品特性，华为可能实时调整和修订以上页面中的文字表述、图片效果等内容，以求与实际产品性能、规格、指数、零部件等信息相匹配，由于产品批次和生产供应因素实时变化，如遇确有进行上述修改和调整必要的情形，恕不专门通知。</li>
                        <li>*华为商城评价规则： https://www.vmall.com/help/faq-16700.html</li>
                    </ul>
                </div>
            </div>
        </div>


        <div class="h_60" id="product_comment"></div>
        <!-- 评价 -->
        <div class="product_score">
            <div class="pc_width">
                <div class="main flexBox">
                    <div class="product_score_average">
                        <p>97<em>%</em></p>
                        <label>好评度</label>
                    </div>
                    <div class="product_score_impress">
                        <div class="product_score_impress_info">
                            <ul class="flexBox">
                                <li>
                                    <a href="javascript:;"> <em>物流不错</em> <span>250</span> </a>
                                </li>
                                <li>
                                    <a href="javascript:;"> <em>电池不错</em> <span>244</span> </a>
                                </li>
                                <li>
                                    <a href="javascript:;"> <em>性价比高</em> <span>174</span> </a>
                                </li>
                                <li>
                                    <a href="javascript:;"> <em>外观不错</em> <span>174</span> </a>
                                </li>
                                <li>
                                    <a href="javascript:;"> <em>屏幕不错</em> <span>94</span> </a>
                                </li>
                                <li>
                                    <a href="javascript:;"> <em>手感好</em> <span>65</span> </a>
                                </li>
                                <li>
                                    <a href="javascript:;"> <em>内存很好</em> <span>45</span> </a>
                                </li>
                                <li>
                                    <a href="javascript:;"> <em>拍照不错</em> <span>31</span> </a>
                                </li>
                                <li>
                                    <a href="javascript:;"> <em>服务好</em> <span>23</span> </a>
                                </li>
                                <li>
                                    <a href="javascript:;"> <em>活动给力</em> <span>19</span> </a>
                                </li>
                                <li>
                                    <a href="javascript:;"> <em>人脸识别不错</em> <span>3</span> </a>
                                </li>
                                <li>
                                    <a href="javascript:;"> <em>散热很好</em> <span>2</span> </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="product_comment">
            <div class="pc_width">
                <!-- 评价筛选标签 -->
                <div class="product_comment_tab flexBox">
                    <ul class="flexBox">
                        <li>
                            <a href="javascript:;"> 最热门<span>(66)</span></a>
                        </li>
                        <li>
                            <a href="javascript:;"> 有内容<span>(1000+)</span></a>
                        </li>
                        <li>
                            <a href="javascript:;"> 有图<span>(519)</span></a>
                        </li>
                        <li>
                            <a href="javascript:;"> 有视频<span>(7)</span></a>
                        </li>
                        <li class="current">
                            <a href="javascript:;"> 全部<span></span></a>
                        </li>
                    </ul>
                    <div class="product_comment_fr flexBox">
                        <div class="product_comment_sku">
                            <div class="input"></div>
                            <span>只看当前商品评价</span>
                        </div>
                        <div class="product_comment_sort">
                            <div class="sort_btn">
                                <span>按点赞数排序</span>
                                <ul class="sort_detail">
                                    <li>按点赞数排序</li>
                                    <li>按时间排序</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 用户评价 -->
                <div class="product_comment_main">
                    <ul class="product_comment_list">
                        <!-- 图片+商家回复 -->
                        <li class="flexBox">
                            <!-- 左侧-用户头像 -->
                            <div class="product_comment_user">
                                <!-- 头像 -->
                                <div class="product_comment_user_img">
                                    <img src="/img/userhead_logo_img.jpg" alt="">
                                    <i class="icon_vip_level icon_vip_level_2"></i>
                                </div>

                                <!-- 用户名 -->
                                <p class="product_comment_user_name">D*</p>
                            </div>

                            <!-- 右侧-详细评论 -->
                            <div class="product_user_comment">
                                <div class="product_user_comment_detail">

                                    <!-- 顶部评分 -->
                                    <div class="head flexBox">
                                        <!-- 星级 -->
                                        <div class="product_star">
                                            <span class="starRating_area"><s class="star5"></s></span>
                                        </div>
                                        <!-- 时间 + 点赞 -->
                                        <div class="fr flexBox">
                                            <div class="product_user_comment_time">2022-06-16 10:06:55</div>
                                            <a href="javascript:;" class="product_praise_btn"> <span>30</span> </a>
                                        </div>
                                    </div>

                                    <!-- 评价内容 -->
                                    <div class="product_user_comment_word">
                                        忽略我老妈拍的照片，这是买的第我N个华为了，家里人都用这个。老妈满意，主要电池容量大，待机时间长。
                                    </div>

                                    <!-- 图片 -->
                                    <div class="user_commit_img">
                                        <!-- 小图 -->
                                        <div class="img_small flexBox">
                                            <a href="javascript:;" class="img_wrap flexBox"><img src="/img/user_commit_img01.jpg" alt=""></a>
                                        </div>
                                        <!-- 大图 -->
                                        <div class="user_commit_img_big">
                                            <div class="img_big flexBox">
                                                <img src="/img/user_commit_img_big01.jpg" alt="">
                                                <div class="cursor_prev"></div>
                                                <div class="cursor_small"></div>
                                                <div class="cursor_next"></div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- 所购商品 -->
                                    <div class="product_user_commit_sku">冰晶蓝,8GB+128GB,4G 全网通,官方标配</div>
                                </div>

                                <!-- 商家回复 -->
                                <div class="product_reply">
                                    <div class="product_reply_detail">
                                        <div class="product_admin_reply flexBox">
                                            <div class="admin_user_img">
                                                <img src="/img/defaultface_customer_service.png" alt="">
                                            </div>
                                            <dl>
                                                <dt>华为商城客服</dt>
                                                <dd>亲就像一艘健壮的战列舰，回港不只为维修，也为将收获的美好分享给最亲近的人~</dd>
                                                <dd>
                                                    <a href="javascript:;" class="product_admin_praise_btn">赞客服(<span>3</span>)</a>
                                                </dd>
                                            </dl>
                                        </div>
                                        <div class="product_reply_btn">
                                            <a href="javascript:;">查看全部<span>1</span>条回复</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>

                        <!-- 追评 -->
                        <li class="flexBox">
                            <!-- 左侧-用户头像 -->
                            <div class="product_comment_user">
                                <!-- 头像 -->
                                <div class="product_comment_user_img">
                                    <img src="/img/defaultface_user_after.png" alt="">
                                    <i class="icon_vip_level icon_vip_level_2"></i>
                                </div>

                                <!-- 用户名 -->
                                <p class="product_comment_user_name">*</p>
                            </div>

                            <!-- 右侧-详细评论 -->
                            <div class="product_user_comment">
                                <div class="product_user_comment_detail">

                                    <!-- 顶部评分 -->
                                    <div class="head flexBox">
                                        <!-- 星级 -->
                                        <div class="product_star">
                                            <span class="starRating_area"><s class="star5"></s></span>
                                        </div>
                                        <!-- 时间 + 点赞 -->
                                        <div class="fr flexBox">
                                            <div class="product_user_comment_time">2022-06-19 17:14:47</div>
                                            <a href="javascript:;" class="product_praise_btn"> <span>29</span> </a>
                                        </div>
                                    </div>

                                    <!-- 评价内容 -->
                                    <div class="product_user_comment_word">
                                        本来想买那个翻盖的，比较贵没舍得，又想体验鸿蒙系统，就买了这个新上市的，
                                        用了两天，感觉挺意外，这手机处理器辣鸡，发热严重，更新下系统都热好久，用起来不算流畅，app用起来有点卡，只能是勉强够用。wifi5g都没有，就给了个2.4g连接，这个都能省。。其次耗电量大，什么也不干一天待机就掉10%电，之前用的手机才掉5%4000毫安的电量，这个6000的电量，也不知道哪里费电，还没放卡只连wifi。
                                        最后1500的价格，放到友商那里性能配置能提高一大截，这手机要是小米做也就800块钱的水平。
                                        果然华为还是高端能用一下，低端专坑穷人！
                                        我看评论区还一片好评，都不知道你们之前用的什么手机，不孝子孙买给父母问题还倒是不大，你父母买给孩子就有点说不过去了吧？不是亲生的吗？？
                                    </div>

                                    <!-- 追评 -->
                                    <div class="product_additional_remark">
                                        <p>购买2天后追评</p>
                                        <div class="detail">第一批预售的什么也不给，买完了开始送耳机了？这才几天啊？？</div>
                                    </div>

                                    <!-- 所购商品 -->
                                    <div class="product_user_commit_sku">冰晶蓝,8GB+128GB,4G 全网通,官方标配</div>
                                </div>

                                <!-- 商家回复 -->
                                <div class="product_reply"></div>
                            </div>
                        </li>

                        <li class="flexBox">
                            <!-- 左侧-用户头像 -->
                            <div class="product_comment_user">
                                <!-- 头像 -->
                                <div class="product_comment_user_img">
                                    <img src="/img/defaultface_user_after.png" alt="">
                                    <i class="icon_vip_level icon_vip_level_0"></i>
                                </div>

                                <!-- 用户名 -->
                                <p class="product_comment_user_name">余****</p>
                            </div>

                            <!-- 右侧-详细评论 -->
                            <div class="product_user_comment">
                                <div class="product_user_comment_detail">

                                    <!-- 顶部评分 -->
                                    <div class="head flexBox">
                                        <!-- 星级 -->
                                        <div class="product_star">
                                            <span class="starRating_area"><s class="star5"></s></span>
                                        </div>
                                        <!-- 时间 + 点赞 -->
                                        <div class="fr flexBox">
                                            <div class="product_user_comment_time">2022-06-26 11:54:11</div>
                                            <a href="javascript:;" class="product_praise_btn"> <span>22</span> </a>
                                        </div>
                                    </div>

                                    <!-- 评价内容 -->
                                    <div class="product_user_comment_word">
                                        长的比我老婆漂亮，买的比娶媳妇儿便宜，速度比我老婆打我的手还快。电量用的比我老婆 爱我的时间还长。外表太好看…我就不发照片了，我怕刚买就被偷
                                    </div>

                                    <!-- 所购商品 -->
                                    <div class="product_user_commit_sku">冰晶蓝,6GB+128GB,4G 全网通,官方标配</div>
                                </div>

                                <!-- 商家回复 -->
                                <div class="product_reply"></div>
                            </div>
                        </li>

                        <li class="flexBox">
                            <!-- 左侧-用户头像 -->
                            <div class="product_comment_user">
                                <!-- 头像 -->
                                <div class="product_comment_user_img">
                                    <img src="/img/defaultface_user_after.png" alt="">
                                    <i class="icon_vip_level icon_vip_level_2"></i>
                                </div>

                                <!-- 用户名 -->
                                <p class="product_comment_user_name">195****9749</p>
                            </div>

                            <!-- 右侧-详细评论 -->
                            <div class="product_user_comment">
                                <div class="product_user_comment_detail">

                                    <!-- 顶部评分 -->
                                    <div class="head flexBox">
                                        <!-- 星级 -->
                                        <div class="product_star">
                                            <span class="starRating_area"><s class="star5"></s></span>
                                        </div>
                                        <!-- 时间 + 点赞 -->
                                        <div class="fr flexBox">
                                            <div class="product_user_comment_time">2022-06-20 19:43:38</div>
                                            <a href="javascript:;" class="product_praise_btn"> <span>11</span> </a>
                                        </div>
                                    </div>

                                    <!-- 评价内容 -->
                                    <div class="product_user_comment_word">
                                        怎么那么卡
                                    </div>

                                    <!-- 所购商品 -->
                                    <div class="product_user_commit_sku">冰晶蓝,8GB+128GB,4G 全网通,官方标配</div>
                                </div>

                                <!-- 商家回复 -->
                                <div class="product_reply"></div>
                            </div>
                        </li>

                        <!-- 图片+商家回复 -->
                        <li class="flexBox">
                            <!-- 左侧-用户头像 -->
                            <div class="product_comment_user">
                                <!-- 头像 -->
                                <div class="product_comment_user_img">
                                    <img src="/img/userhead_logo_img.jpg" alt="">
                                    <i class="icon_vip_level icon_vip_level_4"></i>
                                </div>

                                <!-- 用户名 -->
                                <p class="product_comment_user_name">P********</p>
                            </div>

                            <!-- 右侧-详细评论 -->
                            <div class="product_user_comment">
                                <div class="product_user_comment_detail">

                                    <!-- 顶部评分 -->
                                    <div class="head flexBox">
                                        <!-- 星级 -->
                                        <div class="product_star">
                                            <span class="starRating_area"><s class="star5"></s></span>
                                        </div>
                                        <!-- 时间 + 点赞 -->
                                        <div class="fr flexBox">
                                            <div class="product_user_comment_time">2022-06-19 13:46:07</div>
                                            <a href="javascript:;" class="product_praise_btn"> <span>11</span> </a>
                                        </div>
                                    </div>

                                    <!-- 评价内容 -->
                                    <div class="product_user_comment_word">
                                        首发即拍高配版本，家里设备都是HUAWEI，爱用国货，支持华为！
                                    </div>

                                    <!-- 图片 -->
                                    <div class="user_commit_img">
                                        <!-- 小图 -->
                                        <div class="img_small flexBox">
                                            <a href="javascript:;" class="img_wrap flexBox"><img src="/img/user_commit_img02.jpg" alt=""></a>
                                            <a href="javascript:;" class="img_wrap flexBox"><img src="/img/user_commit_img03.jpg" alt=""></a>
                                            <a href="javascript:;" class="img_wrap flexBox"><img src="/img/user_commit_img04.jpg" alt=""></a>
                                            <a href="javascript:;" class="img_wrap flexBox"><img src="/img/user_commit_img05.jpg" alt=""></a>
                                        </div>
                                        <!-- 大图 -->
                                        <div class="user_commit_img_big">
                                            <div class="img_big">
                                                <img src="/img/user_commit_img_big02.jpg" alt="" style="display: none;">
                                                <img src="/img/user_commit_img_big03.jpg" alt="" style="display: none;">
                                                <img src="/img/user_commit_img_big04.jpg" alt="" style="display: none;">
                                                <img src="/img/user_commit_img_big05.jpg" alt="" style="display: none;">
                                                <div class="cursor_prev"></div>
                                                <div class="cursor_small"></div>
                                                <div class="cursor_next"></div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- 所购商品 -->
                                    <div class="product_user_commit_sku">幻夜黑,8GB+256GB,4G 全网通,官方标配</div>
                                </div>

                                <!-- 商家回复 -->
                                <div class="product_reply">
                                    <div class="product_reply_detail">
                                        <div class="product_admin_reply flexBox">
                                            <div class="admin_user_img">
                                                <img src="/img/defaultface_customer_service.png" alt="">
                                            </div>
                                            <dl>
                                                <dt>华为商城客服</dt>
                                                <dd>月缺时我想你，月圆时我念你，无论月圆月缺，我的心如那恒古不变的月光，默默地追随着你！感谢您的支持！</dd>
                                                <dd>
                                                    <a href="javascript:;" class="product_admin_praise_btn">赞客服(<span>0</span>)</a>
                                                </dd>
                                            </dl>
                                        </div>
                                        <!-- <div class="product_reply_btn">
                                            <a href="javascript:;">查看全部<span>1</span>条回复</a>
                                        </div> -->
                                    </div>
                                </div>
                            </div>
                        </li>
                        
                        <!-- 视频+追评+商家回复 -->
                        <li class="flexBox">
                            <!-- 左侧-用户头像 -->
                            <div class="product_comment_user">
                                <!-- 头像 -->
                                <div class="product_comment_user_img">
                                    <img src="/img/userhead_logo_img.jpg" alt="">
                                    <i class="icon_vip_level icon_vip_level_1"></i>
                                </div>

                                <!-- 用户名 -->
                                <p class="product_comment_user_name">133****8466</p>
                            </div>

                            <!-- 右侧-详细评论 -->
                            <div class="product_user_comment">
                                <div class="product_user_comment_detail">

                                    <!-- 顶部评分 -->
                                    <div class="head flexBox">
                                        <!-- 星级 -->
                                        <div class="product_star">
                                            <span class="starRating_area"><s class="star2"></s></span>
                                        </div>
                                        <!-- 时间 + 点赞 -->
                                        <div class="fr flexBox">
                                            <div class="product_user_comment_time">2022-06-18 11:54:04</div>
                                            <a href="javascript:;" class="product_praise_btn"> <span>12</span> </a>
                                        </div>
                                    </div>

                                    <!-- 评价内容 -->
                                    <div class="product_user_comment_word">
                                        才回来就卡机，太差了。买的第四台华为失望了😞
                                    </div>

                                    <!-- 图片+视频 -->
                                    <div class="user_commit_img">
                                        <!-- 小图 -->
                                        <div class="img_small flexBox">
                                            <a href="javascript:;" class="img_wrap flexBox">
                                                <i class="play_btn"></i>
                                                <img src="/img/user_commit_img06.webp" alt="">
                                            </a>
                                        </div>
                                        <!-- 视频 -->
                                        <div class="j_video">
                                            <div class="j_video_container">
                                                <a href="javascript:;" class="video_close">关闭</a>
                                                <div class="video_container">
                                                    <div class="video_player">
                                                        <video src="/img/video.mp4" controls autoplay></video>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- 追评 -->
                                    <div class="product_additional_remark">
                                        <p>购买当天追评</p>
                                        <div class="detail">之前买的都挺好的，这个新出的是不是没质检过。看到评价联系我！死机了，关不了，开不了😞</div>
                                    </div>

                                    <!-- 所购商品 -->
                                    <div class="product_user_commit_sku">贝母白,8GB+128GB,4G 全网通,官方标配</div>
                                </div>

                                <!-- 商家回复 -->
                                <div class="product_reply">
                                    <div class="product_reply_detail">
                                        <div class="product_admin_reply flexBox">
                                            <div class="admin_user_img">
                                                <img src="/img/defaultface_customer_service.png" alt="">
                                            </div>
                                            <dl>
                                                <dt>华为商城客服</dt>
                                                <dd>让风吹走您的忧郁，让雨洗掉您的烦恼，抱歉未能给到您愉快的体验。针对您反馈的问题，网络环境差，会导致加载网络资源的应用使用起来卡顿，反应慢，请您移动到网络状态好的地方使用。其次针对您目前卡死的情况，建议您长按电源键15秒以上，尝试强制重启手机。若后续使用有任何问题，欢迎咨询商城客服，祝您生活愉快~</dd>
                                                <dd>
                                                    <a href="javascript:;" class="product_admin_praise_btn">赞客服(<span>3</span>)</a>
                                                </dd>
                                            </dl>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>

                        <!-- 图片+商家回复 -->
                        <li class="flexBox">
                            <!-- 左侧-用户头像 -->
                            <div class="product_comment_user">
                                <!-- 头像 -->
                                <div class="product_comment_user_img">
                                    <img src="/img/userhead_logo_img.jpg" alt="">
                                    <i class="icon_vip_level icon_vip_level_2"></i>
                                </div>

                                <!-- 用户名 -->
                                <p class="product_comment_user_name">不**</p>
                            </div>

                            <!-- 右侧-详细评论 -->
                            <div class="product_user_comment">
                                <div class="product_user_comment_detail">

                                    <!-- 顶部评分 -->
                                    <div class="head flexBox">
                                        <!-- 星级 -->
                                        <div class="product_star">
                                            <span class="starRating_area"><s class="star5"></s></span>
                                        </div>
                                        <!-- 时间 + 点赞 -->
                                        <div class="fr flexBox">
                                            <div class="product_user_comment_time">2022-06-23 20:28:45</div>
                                            <a href="javascript:;" class="product_praise_btn"> <span>10</span> </a>
                                        </div>
                                    </div>

                                    <!-- 评价内容 -->
                                    <div class="product_user_comment_word">
                                        之前我一个人用华为产品 感觉还行 又是国产之光 我就把家里的全换了 这个畅享50给我妈妈用的  用了一段时间我妈说挺好的不卡  马上一个星期了 才充了一次电
                                    </div>

                                    <!-- 图片 -->
                                    <div class="user_commit_img">
                                        <!-- 小图 -->
                                        <div class="img_small flexBox">
                                            <a href="javascript:;" class="img_wrap flexBox"><img src="/img/user_commit_img07.jpg" alt=""></a>
                                            <a href="javascript:;" class="img_wrap flexBox"><img src="/img/user_commit_img08.jpg" alt=""></a>
                                            <a href="javascript:;" class="img_wrap flexBox"><img src="/img/user_commit_img09.jpg" alt=""></a>
                                        </div>
                                        <!-- 大图 -->
                                        <div class="user_commit_img_big">
                                            <div class="img_big">
                                                <img src="/img/user_commit_img_big07.jpg" alt="" style="display: none;">
                                                <img src="/img/user_commit_img_big08.jpg" alt="" style="display: none;">
                                                <img src="/img/user_commit_img_big09.jpg" alt="" style="display: none;">
                                                <div class="cursor_prev"></div>
                                                <div class="cursor_small"></div>
                                                <div class="cursor_next"></div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- 所购商品 -->
                                    <div class="product_user_commit_sku">冰晶蓝,6GB+128GB,4G 全网通,官方标配</div>
                                </div>

                                <!-- 商家回复 -->
                                <div class="product_reply">
                                    <div class="product_reply_detail">
                                        <div class="product_admin_reply flexBox">
                                            <div class="admin_user_img">
                                                <img src="/img/defaultface_customer_service.png" alt="">
                                            </div>
                                            <dl>
                                                <dt>华为商城客服</dt>
                                                <dd>流年不念终将安，时光不老你还在，感谢有您一直以来对我们的支持，有您的支持我们将会一路奥力给。</dd>
                                                <dd>
                                                    <a href="javascript:;" class="product_admin_praise_btn">赞客服(<span>0</span>)</a>
                                                </dd>
                                            </dl>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>

                        <li class="flexBox">
                            <!-- 左侧-用户头像 -->
                            <div class="product_comment_user">
                                <!-- 头像 -->
                                <div class="product_comment_user_img">
                                    <img src="/img/userhead_logo_img.jpg" alt="">
                                    <i class="icon_vip_level icon_vip_level_3"></i>
                                </div>

                                <!-- 用户名 -->
                                <p class="product_comment_user_name">187****8809</p>
                            </div>

                            <!-- 右侧-详细评论 -->
                            <div class="product_user_comment">
                                <div class="product_user_comment_detail">

                                    <!-- 顶部评分 -->
                                    <div class="head flexBox">
                                        <!-- 星级 -->
                                        <div class="product_star">
                                            <span class="starRating_area"><s class="star5"></s></span>
                                        </div>
                                        <!-- 时间 + 点赞 -->
                                        <div class="fr flexBox">
                                            <div class="product_user_comment_time">2022-06-26 20:53:12</div>
                                            <a href="javascript:;" class="product_praise_btn"> <span>9</span> </a>
                                        </div>
                                    </div>

                                    <!-- 评价内容 -->
                                    <div class="product_user_comment_word">
                                        记得2015年买了第一台华为手机P8，16年换了P9，用了三年多，然后给老妈也用了3年多到现在，19年换了P30 Pro，20年以旧换新P40 Pro，去年换了Mate40pro，昨天晚上11点多华为商城下的单，今天中午就收到货了，给老妈用的畅享50，华为的发货速度～售后各项服务等等一直都是牛牛牛，期待我们华为公司早日解决漂亮国制裁我们的芯片问题，早日恢复前两年手机业务的那种状态，期待mate50 mate60的到来！！！
                                    </div>

                                    <!-- 图片 -->
                                    <div class="user_commit_img">
                                        <!-- 小图 -->
                                        <div class="img_small flexBox">
                                            <a href="javascript:;" class="img_wrap flexBox"><img src="/img/user_commit_img10.jpg" alt=""></a>
                                            <a href="javascript:;" class="img_wrap flexBox"><img src="/img/user_commit_img11.jpg" alt=""></a>
                                        </div>
                                        <!-- 大图 -->
                                        <div class="user_commit_img_big">
                                            <div class="img_big">
                                                <img src="/img/user_commit_img_big10.jpg" alt="" style="display: none;">
                                                <img src="/img/user_commit_img_big11.jpg" alt="" style="display: none;">
                                                <div class="cursor_prev"></div>
                                                <div class="cursor_small"></div>
                                                <div class="cursor_next"></div>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- 所购商品 -->
                                    <div class="product_user_commit_sku">贝母白,8GB+128GB,4G 全网通,官方标配</div>
                                </div>

                                <!-- 商家回复 -->
                                <div class="product_reply"></div>
                            </div>
                        </li>

                        <li class="flexBox">
                            <!-- 左侧-用户头像 -->
                            <div class="product_comment_user">
                                <!-- 头像 -->
                                <div class="product_comment_user_img">
                                    <img src="/img/defaultface_user_after.png" alt="">
                                    <i class="icon_vip_level icon_vip_level_0"></i>
                                </div>

                                <!-- 用户名 -->
                                <p class="product_comment_user_name">198****2018</p>
                            </div>

                            <!-- 右侧-详细评论 -->
                            <div class="product_user_comment">
                                <div class="product_user_comment_detail">

                                    <!-- 顶部评分 -->
                                    <div class="head flexBox">
                                        <!-- 星级 -->
                                        <div class="product_star">
                                            <span class="starRating_area"><s class="star5"></s></span>
                                        </div>
                                        <!-- 时间 + 点赞 -->
                                        <div class="fr flexBox">
                                            <div class="product_user_comment_time">2022-06-26 20:41:00</div>
                                            <a href="javascript:;" class="product_praise_btn"> <span>9</span> </a>
                                        </div>
                                    </div>

                                    <!-- 评价内容 -->
                                    <div class="product_user_comment_word">
                                        用了一个星期了才来评价的，不吹不黑实话实说手机卡的不行 反应很慢 画面也不清晰，之前用的一个快四年的千元机也没这么卡，后悔了
                                    </div>

                                    <!-- 所购商品 -->
                                    <div class="product_user_commit_sku">幻夜黑,8GB+256GB,4G 全网通,官方标配</div>
                                </div>

                                <!-- 商家回复 -->
                                <div class="product_reply"></div>
                            </div>
                        </li>

                        <li class="flexBox">
                            <!-- 左侧-用户头像 -->
                            <div class="product_comment_user">
                                <!-- 头像 -->
                                <div class="product_comment_user_img">
                                    <img src="/img/defaultface_user_after.png" alt="">
                                    <i class="icon_vip_level icon_vip_level_2"></i>
                                </div>

                                <!-- 用户名 -->
                                <p class="product_comment_user_name">186****2389</p>
                            </div>

                            <!-- 右侧-详细评论 -->
                            <div class="product_user_comment">
                                <div class="product_user_comment_detail">

                                    <!-- 顶部评分 -->
                                    <div class="head flexBox">
                                        <!-- 星级 -->
                                        <div class="product_star">
                                            <span class="starRating_area"><s class="star5"></s></span>
                                        </div>
                                        <!-- 时间 + 点赞 -->
                                        <div class="fr flexBox">
                                            <div class="product_user_comment_time">2022-06-25 14:45:11</div>
                                            <a href="javascript:;" class="product_praise_btn"> <span>9</span> </a>
                                        </div>
                                    </div>

                                    <!-- 评价内容 -->
                                    <div class="product_user_comment_word">
                                        哎！就用一天时间，在干话掉到农田里去了！泥里找不到了，只好下了第二单，又花了我1295！能把这部碎屏险转到第二单吗？
                                    </div>

                                    <!-- 所购商品 -->
                                    <div class="product_user_commit_sku">贝母白,6GB+128GB,4G 全网通,官方标配</div>
                                </div>

                                <!-- 商家回复 -->
                                <div class="product_reply"></div>
                            </div>
                        </li>
                    </ul>

                    <!-- 页码 -->
                    <div class="product_page flexBox">
                        <div class="pager">
                            <ul class="flexBox">
                                <li class="pgNext link first first_empty">|</li>
                                <li class="pgNext link prev prev_empty">|</li>
                                <ul class="qpages flexBox">
                                    <li class="page_number link pgCurrent">1</li>
                                    <li class="page_number link">2</li>
                                    <li class="page_number link">3</li>
                                    <li class="page_number link">4</li>
                                    <li class="page_number link">5</li>
                                    <li class="page_number link">6</li>
                                    <li class="page_number link">7</li>
                                    <li class="page_number link">8</li>
                                    <li class="page_number link">9</li>
                                    <li class="page_number link">10</li>
                                    <li class="text">...</li>
                                    <li class="page_number link page_number_last">154</li>
                                </ul>
                                <li class="pgNext link next">|</li>
                                <li class="pgNext link last">|</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        

        <!-- 购买咨询 -->
        <div class="question_and_answer">
            <div class="pc_width">
                <div class="main">
                    <div class="product_title">购买咨询</div>
                    <!-- 主要内容 -->
                    <div class="product_tool">
                        <!-- 书签 -->
                        <div class="product_tool_tab">
                            <ul class="flexBox">
                                <li> <a href="javascript:;" class="selected">全部咨询 <em></em> </a> </li>
                                <li> <a href="javascript:;">常见问题 <em></em> </a> </li>
                                <li> <a href="javascript:;">商品咨询 <em></em> </a> </li>
                                <li> <a href="javascript:;">支付 <em></em> </a> </li>
                                <li> <a href="javascript:;">配送 <em></em> </a> </li>
                                <li> <a href="javascript:;">售后 <em></em> </a> </li>
                            </ul>
                        </div>
                        <!-- 全部咨询 -->
                        <div class="product_tool_tab_con">
                            <!-- 上 -->
                            <div class="product_inquire_tips">
                                <label>温馨提示：</label>
                                因产品线可能随时更改商品包装、产地、附配件等未及时通知，且不同时间段活动内容不同，且每位咨询者购买、提问时间等不同。为此，客服给到的回复仅针对回复当天有效，其他网友仅供参考。给您带来的不便还请谅解，谢谢。
                            </div>

                            <!-- 中 -->
                            <div class="product_tool_tab_con_main">
                                <div class="all_prd_counsel_content">
                                    <ul class="product_inquire_list">
                                        <li>
                                            <div class="product_inquire_user">
                                                网友：<span>钻*</span> <em>2022-06-30 12:45:18</em>
                                            </div>
                                            <div class="product_inquire_question">
                                                <label>咨询内容：</label>
                                                <span>畅享50，256内存这款有红外线功能吗</span>
                                            </div>
                                            <div class="product_inquire_answer">
                                                <p>
                                                    <label>回复：</label>
                                                    尊敬的用户，您好！华为畅享 50不支持红外传感器和红外遥控功能。此款宝贝采用6.75英寸的珍珠屏，无论图像、视频还是游戏画面，都能以更大的尺寸呈现，展现更多内容，您值得拥有哦。喜欢可及时下单购买呢。感谢您的支持，若有任何疑问可随时联系商城客服，祝您生活愉快！
                                                </p>
                                                <em>2022-06-30 13:45:11</em>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="product_inquire_user">
                                                网友：<span>张*</span> <em>2022-06-28 01:29:49</em>
                                            </div>
                                            <div class="product_inquire_question">
                                                <label>咨询内容：</label>
                                                <span>支持中国广电手机卡吗</span>
                                            </div>
                                            <div class="product_inquire_answer">
                                                <p>
                                                    <label>回复：</label>
                                                    尊敬的用户，您好！首先，中国广电是国内新建设的运营商，如需要正常使用中国广电的服务，需要终端软件配套升级支持。华为畅享 50暂不支持。其次，华为畅享50延续了畅享系列超长续航的基因。它搭载6000mAh（典型值）大容量电池，充电10分钟，观影3小时。无论是外出旅游，宅家煲剧玩游戏；还是商务电话沟通，持久续航轻松缓解电量焦虑，带来更愉悦的使用体验，您值得拥有。若您喜欢，建议您及时下单购买。感谢您的支持！
                                                </p>
                                                <em>2022-06-28 08:49:09</em>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="product_inquire_user">
                                                网友：<span>W******</span> <em>2022-06-22 00:29:59</em>
                                            </div>
                                            <div class="product_inquire_question">
                                                <label>咨询内容：</label>
                                                <span>市面上几百块的手机都配5Gwifi了（红米note9），为啥畅享50一千多的还只支持2.4Gwifi？华为是觉得5Gwifi是高大上的功能不应该用在畅享这种低端机上吗？</span>
                                            </div>
                                            <div class="product_inquire_answer">
                                                <p>
                                                    <label>回复：</label>
                                                    尊敬的用户，您好！华为畅享 50支持WLAN频率2.4GHz，不支持5GHz呢，不同品牌手机配置性能均存在差异，但各有各的优势哦。另外，您反馈的意见我们非常重视，华为也会不断努力改进和优化，争取给您带来更好的产品体验呢。如有看中可下单购买体验哦，感谢您的支持，祝您生活愉快！
                                                </p>
                                                <em>2022-06-22 09:38:23</em>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                <!-- 页码 -->
                                <div class="product_page flexBox">
                                    <div class="product_page_info">共15条</div>
                                    <div class="pager">
                                        <ul class="flexBox">
                                            <li class="pgNext link first first_empty">|</li>
                                            <li class="pgNext link prev prev_empty">|</li>
                                            <ul class="qpages flexBox">
                                                <li class="page_number link pgCurrent">1</li>
                                                <li class="page_number link">2</li>
                                                <li class="page_number link">3</li>
                                                <li class="page_number link">4</li>
                                                <li class="page_number link">5</li>
                                            </ul>
                                            <li class="pgNext link next">|</li>
                                            <li class="pgNext link last">|</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>

                            <div class="product_inquire_no">暂无相关内容</div>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 我要咨询 -->
        <div class="product_inquire">
            <div class="myConsultation">
                <a href="javascript:;" class="product_detail_btn">我要咨询</a>
            </div>
        </div>

        <!-- 浏览记录 -->
        <div class="browsing_records">
            <div class="pc_width">
                <div class="main">
                    <div class="product_link">
                        <h2>浏览记录</h2>
                        <div class="product_link_main">
                            <a href="javascript:;" class="product_link_back btn_prev swiper_button_prev disabled"></a>
                            <div class="product_link_thumbs">
                                <ul class="grid_list flexBox">
                                    <li>
                                        <a href="javascript:;">
                                            <img src="/img/computerMore02.webp" alt="">
                                            <div class="product_link_detail">
                                                <p> <span>HUAWEI MateBook 16s</span></p>
                                                <em>¥6999</em>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img src="/img/browsing_records02.png" alt="">
                                            <div class="product_link_detail">
                                                <p> <span>nova 10 Pro</span></p>
                                                <em>暂无报价</em>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img src="/img/blockbuster04.webp" alt="">
                                            <div class="product_link_detail">
                                                <p> <span>HUAWEI FreeBuds 5i</span></p>
                                                <em>¥549</em>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img src="/img/browsing_records04.webp" alt="">
                                            <div class="product_link_detail">
                                                <p> <span>HUAWEI Mate Xs 2</span></p>
                                                <em>¥12999</em>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img src="/img/browsing_records05.png" alt="">
                                            <div class="product_link_detail">
                                                <p> <span>法国百年酒庄葡萄酒系列(嘉宝、安德烈、雅克男爵)</span></p>
                                                <em>¥138</em>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img src="/img/browsing_records06.webp" alt="">
                                            <div class="product_link_detail">
                                                <p> <span>HUAWEI FreeBuds 4</span></p>
                                                <em>¥999</em>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img src="/img/browsing_records07.webp" alt="">
                                            <div class="product_link_detail">
                                                <p> <span>HUAWEI P50</span></p>
                                                <em>¥4688</em>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img src="/img/browsing_records08.webp" alt="">
                                            <div class="product_link_detail">
                                                <p> <span>食用油礼盒 西班牙进口橄榄油 葵花籽油 葡萄籽油</span></p>
                                                <em>¥66</em>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img src="/img/browsing_records09.webp" alt="">
                                            <div class="product_link_detail">
                                                <p> <span>【订金】HUAWEI MatePad 11</span></p>
                                                <em>¥2999</em>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <img src="/img/browsing_records10.webp" alt="">
                                            <div class="product_link_detail">
                                                <p> <span>【订金】HUAWEI P50</span></p>
                                                <em>¥4988</em>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <a href="javascript:;" class="product_link_forward btn_next swiper_button_next"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- 侧边导航栏 -->
        <aside>
            <div class="main flexBox">
                <a href="#" class="trade_in">以旧换新
                    <!-- <div class="trade_in_detail">
                        <div class="detail_main">
                            <a href="#">高价回收送多重购新补贴</a>
                        </div>
                    </div> -->
                    <div class="trade_in_detail">
                        <div class="detail_main">
                            <p>高价回收送多重购新补贴</p>
                        </div>
                    </div>
                </a>
                <a href="#" class="QR_code">二维码
                    <div class="QR_code_detail">
                        <div class="detail_main">
                            <img src="/img/QR-code.png" alt="">
                            <p>用手机扫码进行购买</p>
                        </div>
                    </div>
                </a>
                <a href="#" class="shopping_cart">购物车</a>
                <a href="#" class="online_customer_service">在线客服</a>
                <a href="#" class="self_service">自助服务</a>
                <a href="#" class="back_to_the_top" id="back_to_the_top" style="display: none;">返回顶部</a>
            </div>
        </aside>
        
    </main>

    <footer>
        <div class="pc_width">
            <div class="service">
                <div class="main flexBox">
                    <div>
                        <img src="./img/footer_service_1.webp" alt="">
                        <span>百强企业 品质保证</span>
                    </div>
                    <div>
                        <img src="./img/footer_service_2.webp" alt="">
                        <span>7天退货 15天换货</span>
                    </div>
                    <div>
                        <img src="./img/footer_service_3.webp" alt="">
                        <span>48元起免运费</span>
                    </div>
                    <div>
                        <img src="./img/footer_service_4.webp" alt="">
                        <span>2000家服务店 全国联保</span>
                    </div>
                </div>
            </div>
            <div class="help">
                <div class="main flexBox">
                    <div class="leftBar flexBox">
                        <div class="ordinary flexBox">
                            <dl class="s1">
                                <dt><p class="help_title">购物指南</p></dt>
                                <dd>
                                    <ul>
                                        <li><a href="#">免息分期</a></li>
                                        <li><a href="#">以旧换新</a></li>
                                        <li><a href="#">众测活动</a></li>
                                        <li><a href="#">企业购</a></li>
                                        <li><a href="#">O2O采购</a></li>
                                    </ul>
                                </dd>
                            </dl>
                            <dl class="s2">
                                <dt><p class="help_title">售后服务</p></dt>
                                <dd>
                                    <ul>
                                        <li><a href="#">门店维修</a></li>
                                        <li><a href="#">保修政策</a></li>
                                        <li><a href="#">防伪查询</a></li>
                                        <li><a href="#">退换货政策</a></li>
                                        <li><a href="#">手机寄修服务</a></li>
                                        <li><a href="#">维修备件价格查询</a></li>
                                    </ul>
                                </dd>
                            </dl>
                            <dl class="s3">
                                <dt><p class="help_title">维修与技术支持</p></dt>
                                <dd>
                                    <ul>
                                        <li><a href="#">服务店</a></li>
                                        <li><a href="#">预约维修</a></li>
                                        <li><a href="#">手机寄修</a></li>
                                        <li><a href="#">备件价格查询</a></li>
                                        <li><a href="#">上门服务</a></li>
                                    </ul>
                                </dd>
                            </dl>
                            <dl class="s4">
                                <dt><p class="help_title">特色服务</p></dt>
                                <dd>
                                    <ul>
                                        <li><a href="#">防伪查询</a></li>
                                        <li><a href="#">补购保障</a></li>
                                        <li><a href="#">以旧换新</a></li>
                                        <li><a href="#">礼品包装</a></li>
                                    </ul>
                                </dd>
                            </dl>
                            <dl class="s5">
                                <dt><p class="help_title">关于我们</p></dt>
                                <dd>
                                    <ul>
                                        <li><a href="#">公司介绍</a></li>
                                        <li><a href="#">华为零售店</a></li>
                                        <li><a href="#">商家中心</a></li>
                                        <li><a href="#">意见反馈</a></li>
                                    </ul>
                                </dd>
                            </dl>
                        </div>
                        <div class="animated">
                            <div class="flexBox">
                                <p class="title">友情链接</p>
                                <div class="leftBtn" id="leftBtn" onclick="last()"></div>
                                <div class="rightBtn" id="rightBtn" onclick="next()"></div>
                            </div>
                            <div class="link_wrap">
                                <div class="service_list flexBox" id="service_list">
                                    <ul>
                                        <li><a href="#">华为集团</a></li>
                                        <li><a href="#">华为CBG官网</a></li>
                                        <li><a href="#">花粉俱乐部</a></li>
                                        <li><a href="#">华为云</a></li>
                                        <li><a href="#">华为应用市场</a></li>
                                    </ul>
                                    <ul>
                                        <li><a href="#">华为心声社区</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="rightBar">
                        <div class="phoneNumber">950805</div>
                        <div class="phoneDesp">7 x 24 小时客服热线 (仅收市话费)</div>
                        <div class="callBtn flexBox">
                            <span>在线客服</span>
                        </div>
                        <div class="others flexBox">
                            <h2>关注VMALL：</h2>
                            <ul>
                                <li class="iconfont">
                                    <a href="#"></a>
                                    <div class="hiddenImgBox"><img src="./img/公众号.webp" alt=""></div>
                                </li>
                                <li class="iconfont"><a href="#"></a></li>
                                <li class="iconfont"><a href="#"></a></li>
                                <li class="iconfont"><a href="#"></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="copyright">
                <div class="main flexBox">
                    <div class="logo">
                        <img src="./img/footer_logo_app.png" alt="">
                    </div>
                    <div class="fl">
                        <ul class="warrant_link">
                            <li><a href="#">华为集团</a></li>
                            <li><a href="#">华为CBG官网</a></li>
                            <li><a href="#">花粉俱乐部</a></li>
                            <li><a href="#">华为应用市场</a></li>
                            <li><a href="#">HarmonyOS</a></li>
                            <li><a href="#">华为终端云空间</a></li>
                            <li><a href="#">开发者联盟</a></li>
                            <li><a href="#">华为商城手机版</a></li>
                            <li><a href="#">网站地图</a></li>
                        </ul>
                        <a href="#">隐私声明</a>
                        <a href="#">服务协议</a>
                        <a href="#">COOKIES</a>
                        <span> Copyright © 2012-2022 华为终端有限公司 版权所有 </span>
                        <a href="#">粤ICP备19015064号</a> |
                        <a href="#">粤公网安备 44190002003939号</a>
                        <br>
                        <span>增值电信业务经营许可证：粤B2-20190762 | </span>
                        <span>备案主体编号：44201919072182 | </span>
                        <span>粤新出网备（2021）2号 |</span>
                        <span>（粤）网械平台备字[2022]第00005号</span>
                        <br>
                        <a href="#">互联网药品信息服务资格证（粤）-非经营性-2020-0102</a> |
                        <a href="#">粤东食药监械经营备20203930</a>
                        <span> | 广东省网络食品交易第三方平台备案：GDWS10168</span>
                    </div>
                    <div class="warrant"><img src="./img/Electronic-business-license.png" alt=""></div>
                </div>
            </div>
        </div>
    </footer>



    
    <script type="text/javascript" src="./js/footer.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/less@4" ></script>
    <!-- <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.11.1/less.min.js" ></script> -->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

    <!-- 顶部导航栏   1、显示全部分类   2、搜索按钮 -->
    <script>
        // 全部分类 list hover
        $('.firstNavList').hover(function(){
            $(this).children('.secondNav').css('display','block');
            $(this).siblings().children('.secondNav').css('display','none');
        })

        // 页面跳转
        $('.logo').click(function(){
            $(location).attr('href','index.html');
        })
    </script>

    <!-- 全部分类btn -->
    <script text="text/javascript" src="/js/nav.js"></script>
    
    <!-- 搜索 -->
    <script text="text/javascript" src="/js/searchBtn.js"></script>

    <!-- 右侧导航栏 -->
    <!-- 返回顶部-显示-隐藏 -->
    <script type="text/javascript" src="./js/aside.js"></script>

    <!-- 滚轮监听 -->
    <script>
        $(window).scroll(function(){
            var top = $(window).scrollTop();
            
            if(top >= 500){
                // 显示返回顶部按钮
                $('.back_to_the_top').css('display','block');
            }
            else{
                // 隐藏返回顶部按钮
                $('.back_to_the_top').css('display','none');
            }
        })
    </script>

    <!-- 商品信息 -->
    <script>
        // 放大镜效果
        var imgContainer = document.querySelector('.product_gallery_img');
        var mask = document.querySelector('.mask');
        var rightBigPicture = document.querySelector('.rightBigPicture');

        // 移入移除显示与隐藏
        imgContainer.onmouseover = function(e){
            mask.style.display = 'block';
            rightBigPicture.style.display = 'block';
        }
        imgContainer.onmouseout = function(e){
            mask.style.display = 'none';
            rightBigPicture.style.display = 'none';
        }
        
        document.onmousemove = function(e){
            // 遮罩移动
            var mouseX = e.pageX,
                mouseY = e.pageY;
            // console.log('mouse =',mouseX,mouseY);
            var imgContainerX = imgContainer.offsetLeft,
                imgContainerY = imgContainer.offsetTop;
            // console.log('imgContainer =',imgContainerX,imgContainerY);
            var maskLeft = mouseX - imgContainerX - mask.offsetWidth/2,
                maskTop = mouseY - imgContainerY - mask.offsetHeight;
            
            if(maskLeft <= 0){
                maskLeft = 0;
            }
            if(maskTop <= 0){
                maskTop = 0;
            }
            var maxMaskLeft = imgContainer.offsetWidth - mask.offsetWidth;
            var maxMaskTop = imgContainer.offsetHeight - mask.offsetHeight;
            if(maskLeft >= maxMaskLeft){
                maskLeft = maxMaskLeft;
            }
            if(maskTop >= maxMaskTop){
                maskTop = maxMaskTop;
            }
            
            mask.style.left = maskLeft + 'px';
            mask.style.top = maskTop + 'px';
            

            // 放大镜
            // 遮罩展示的图片区域 == 右侧放大图要展示的图片区域 => 遮罩部分等比例放大  =>  背景图等比例放大
            // 遮罩大小:小图大小 = 右侧放大图宽/高:大图背景图大小
            // 大图背景图大小 = 小图宽高 * 右侧放大图宽高  /  遮罩大小
            //                = 350 * 600 / 200
            //                = 1050
            // 小图背景:大图背景 = 350:1050  是3倍放大  =>  遮罩也是3倍放大  
            // => 遮罩的offset对应到大图也是3倍
            // => 修改backgroundPosition
            

            // 修改大图背景图大小
            var rightBgSize = imgContainer.offsetWidth * rightBigPicture.offsetWidth / mask.offsetWidth;
            rightBigPicture.style.backgroundSize = rightBgSize + 'px';

            // 放大的比例
            var compare = rightBgSize / imgContainer.offsetWidth;
            rightBigPicture.style.backgroundPosition = '-' + maskLeft*compare + 'px -' + maskTop*compare + 'px';

        }




        // 商品图片列表展示
        // 点击 向左-向右
        var pro_gallerys = document.querySelector('.pro_gallerys');
        var product_gallery_back = document.querySelector('.product_gallery_back');
        var product_gallery_forward = document.querySelector('.product_gallery_forward');
        product_gallery_back.onclick = function(){
            var left = 0;
            if(pro_gallerys.style.left.toString().split('px')[0] == 0){
                pro_gallerys.style.left = '0px';
                console.log(pro_gallerys.style.left);
            }
            else{
                left = pro_gallerys.style.left.toString().split('px')[0];
                left = parseInt(left) + 74;
                pro_gallerys.style.left = left + 'px';
                console.log(pro_gallerys.style.left);
            }
        }

        product_gallery_forward.onclick = function(){
            var left = 0;
            if(pro_gallerys.style.left.toString().split('px')[0] == -296){
                pro_gallerys.style.left = '-296px';
                console.log(pro_gallerys.style.left);
            }
            else{
                left = pro_gallerys.style.left.toString().split('px')[0];
                left -= 74;
                pro_gallerys.style.left = left + 'px';
                console.log(pro_gallerys.style.left);
            }
        }
        // hover
        $('.pro_gallerys li').mouseover(function(){
            $(this).addClass('current');
            $(this).siblings().removeClass('current');
        })




        // 选购商品-点击选择商品信息
        $('.sku a').click(function(){
            $(this).addClass('selected');
            $(this).parent().parent().siblings().children('.sku').children('a').removeClass('selected');
            // console.log($(this).parent().parent().siblings().children('.sku').children('a'));
        })


        // 复选框-选中-取消选中
        $('.input').click(function(){
            console.log($(this).css('background-position'));
            if($(this).css('background-position') == '-18px -129px'){
                $(this).css('background-position','0 -129px');
            }
            else{
                $(this).css('background-position','-18px -129px');
            }
            
        })


        // 计数器
        $('.pro_quantity_plus').click(function(){
            var value = $('.product_stock_text').val();
            value = parseInt(value) + 1;
            $('.product_stock_text').val(value);
            $('.pro_quantity_minus').removeClass('disabled');
        })
        $('.pro_quantity_minus').click(function(){
            var value = $('.product_stock_text').val();
            if(value > 1){
                value = parseInt(value) - 1;
                $('.product_stock_text').val(value);
                if(value == 1){
                    $('.product_stock_text').val(1);
                    $(this).addClass('disabled');
                }
            }
            else{
                $('.product_stock_text').val(1);
                $(this).addClass('disabled');
            }
        })

    </script>

    <!-- 购机推荐 -->
    <script>
        // 复选框-选中-取消选中
        var selectedCount = 0;
        $('.j_input').click(function(){
            console.log($(this).css('background-position'));
            if($(this).css('background-position') == '-18px -129px'){
                $(this).css('background-position','0 -129px');
                selectedCount = parseInt(selectedCount) + 1;
                console.log('selectedCount = '+selectedCount);
            }
            else{
                $(this).css('background-position','-18px -129px');
                selectedCount = parseInt(selectedCount) - 1;
                console.log('selectedCount = '+selectedCount);
            }

        })


        // 左右切换
        window.onload = function(){
            var count_li = document.getElementsByClassName('swiper_slide').length;
            // console.log('count_li = '+count_li);

            var remainder = parseInt(count_li) % 5;
            // console.log('remainder = '+remainder);
            

            // 可点击次数
            var prevClick = 0;
            var nextClick = parseInt(count_li / 5);
            // console.log('prevClick = '+prevClick);
            // console.log('nextClick = '+nextClick);
            // console.log('nextClick = '+ nextClick + '; prevClick = '+prevClick);
            
            var swiper_wrapper = document.querySelector('.swiper_wrapper');
            

            // 左
            var btn_prev = document.querySelector('.btn_prev');
            btn_prev.onclick = function(){
                var left = swiper_wrapper.style.left.toString().split('px')[0];
                if(nextClick == 1){
                    left = parseInt(left) + remainder * 149;
                    swiper_wrapper.style.left = left + 'px';
                    console.log('left = '+ swiper_wrapper.style.left);
                    nextClick += 1;
                    prevClick -= 1;
                    console.log('nextClick = '+ nextClick + '; prevClick = '+prevClick);
                }
                else{
                    left = parseInt(left) + 745;
                    swiper_wrapper.style.left = left + 'px';
                    console.log('left = '+ swiper_wrapper.style.left);
                    nextClick += 1;
                    prevClick -= 1;
                    
                    console.log('nextClick = '+ nextClick + '; prevClick = '+prevClick);
                }
                
                if(nextClick > 0){
                    $('.btn_next').removeClass('disabled');
                }
                if(nextClick == 0){
                    $('.btn_next').addClass('disabled');
                }
                if(prevClick > 0){
                    $('.btn_prev').removeClass('disabled');
                }
                if(prevClick == 0){ 
                    $('.btn_prev').addClass('disabled');
                }
                
            }


            // 右
            var btn_next = document.querySelector('.btn_next');
            btn_next.onclick = function(){
                var left = swiper_wrapper.style.left.toString().split('px')[0];
                if(nextClick == 1){
                    left -= remainder * 149;
                    swiper_wrapper.style.left = left + 'px';
                    console.log('left = '+ swiper_wrapper.style.left);
                    nextClick -= 1;
                    prevClick += 1;
                    console.log('nextClick = '+ nextClick + '; prevClick = '+prevClick);
                }
                else{
                    left -= 745;
                    swiper_wrapper.style.left = left + 'px';
                    console.log('left = '+ swiper_wrapper.style.left);
                    nextClick -= 1;
                    prevClick += 1;
                    
                    console.log('nextClick = '+ nextClick + '; prevClick = '+prevClick);
                }
                
                if(nextClick > 0){
                    $('.btn_next').removeClass('disabled');
                }
                if(nextClick == 0){
                    $('.btn_next').addClass('disabled');
                }
                if(prevClick > 0){
                    $('.btn_prev').removeClass('disabled');
                }
                if(prevClick == 0){ 
                    $('.btn_prev').addClass('disabled');
                }
                
            }
        }
        
    </script>

    <!-- 商品详情-书签 -->
    <script>
        // 滚动监听
        $(window).scroll(function(){
            var top = $(window).scrollTop();
            if(top >= 1150){
                $('.product_tab').css('position','fixed');
                $('.product_tab').css('top','0px');
                $('.product_tab').css('box-shadow','0 1px 2px #ddd');
                $('.product_tab p').css('padding','11px 0 12px 0');
                $('.product_tab_btn').css('display','block');
            }
            else{
                $('.product_tab').css('position','static');
                $('.product_tab').css('top','0px');
                $('.product_tab').css('box-shadow','none');
                $('.product_tab p').css('padding','36px 0 37px 0');
                $('.product_tab_btn').css('display','none');
            }
        })

        // 点击事件
        $('.notOpenTestDetail').click(function(){
            $(this).addClass('selected');
            $(this).siblings().removeClass('selected');
        })
    </script>

    <!-- 参数详情 -->
    <script>
        // 查看全部参数
        $('.product_detail_btndown').click(function(){
            var top = $(window).scrollTop();
            console.log('top = '+top);
            $('.product_parameter_detail_main').css('height','4745px');
            $(window).scrollTop(top);
            $('.product_detail_btnup').css('display','block');
            $('.product_shade').css('display','none');
        })
        
        // 收起参数详情
        
        $('.product_detail_btnup').click(function(){
            var top = $(window).scrollTop();
            top -= 4200;
            console.log('top = '+top);
            $('.product_parameter_detail_main').css('height','540px');
            $(window).scrollTop(top);
            $('.product_detail_btnup').css('display','none');
            $('.product_shade').css('display','block');

        })
    </script>

    <!-- 评价 -->
    <script>
        // 评价筛选标签
        $('.product_score_impress a').click(function(){
            $(this).parent().addClass('selected');
            $(this).parent().siblings().removeClass('selected');
        })
        // 点击切换
        $('.product_comment_tab ul li').click(function(){
            $(this).addClass('current');
            $(this).siblings().removeClass('current');
        })



        // 用户评价
        // 图片放大缩小 + 多图片切换
        var img_small_count = null;  //评论图片总数
        var index = null;  //当前小图的索引值

        // 判断 index 函数
        function judgeIndex(){
            if(img_small_count > 1){
                    if(index == 0){
                        $('.cursor_prev').css('display','none');
                        $('.cursor_next').css('display','block');
                        // console.log('cursor_prev display none');
                    }
                    else if(index == img_small_count-1){
                        $('.cursor_prev').css('display','block');
                        $('.cursor_next').css('display','none');
                        // console.log('cursor_next display none');
                    }
                    else{
                        $('.cursor_prev').css('display','block');
                        $('.cursor_next').css('display','block');
                    }
                }
                else{
                    $('.cursor_prev').css('display','none');
                    $('.cursor_next').css('display','none');
                }
        }


        // 小图点击  放大
        $('.img_wrap').click(function(){
            img_small_count = $(this).parent().children().length;  //评论图片总数
            index = $(this).index();  //当前小图的索引值

            console.log(index);
            console.log(img_small_count);
            // console.log($(this).parent().children());

            if($(this).hasClass('selected') == false){
                // 小图边框
                $(this).addClass('selected');
                $(this).siblings().removeClass('selected');
                // console.log($(this).parent().siblings().children().children('img').eq(index).siblings('img'));

                // 大图展示
                $(this).parent().siblings().children().children('img').eq(index).css('display','block');
                $(this).parent().siblings().children().children('img').eq(index).siblings('img').css('display','none');

                var width = $(this).parent().siblings().children().children('img').eq(index).css('width');  // 图片宽度
                // var height = $(this).parent().siblings().children().children('img').eq(index).css('height');  // 图片高度
                $(this).parent().siblings().children().css('width',width);  // 重置img_big容器的宽度
                // $(this).parent().siblings().children().css('width',height);  // 重置img_big容器的高度
                // console.log('width = '+width);
                // console.log('img_big.width = '+width);

                // 左右切换按钮 -显示 与 隐藏
                judgeIndex();
                


                // 视频放大
                $(this).parent().siblings('.j_video').css('display','block');
            }
            else{
                console.log('it has .selected');
            }
        });

        // 点击缩小图标
        $('.cursor_small').click(function(){
            $(this).siblings('img').css('display','none');
            $('.img_wrap').removeClass('selected');

            console.log('index = '+index);
        })

        // 点击上一张
        $('.cursor_prev').click(function(){
            console.log('index = '+index);
            index = parseInt(index) - 1;
            $(this).siblings('img').eq(index).css('display','block');
            $(this).siblings('img').eq(index).siblings('img').css('display','none');

            // 修改小图样式
            $(this).parent().parent().siblings().children().eq(index).addClass('selected');
            $(this).parent().parent().siblings().children().eq(index).siblings().removeClass('selected');

            // 左右切换按钮 -显示 与 隐藏
            judgeIndex();
        })

        // 点击下一张
        $('.cursor_next').click(function(){
            console.log('index = '+index);
            index = parseInt(index) + 1;
            $(this).siblings('img').eq(index).css('display','block');
            $(this).siblings('img').eq(index).siblings('img').css('display','none');

            // 修改小图样式
            $(this).parent().parent().siblings().children().eq(index).addClass('selected');
            $(this).parent().parent().siblings().children().eq(index).siblings().removeClass('selected');

            // 左右切换按钮 -显示 与 隐藏
            judgeIndex();
        })

        // 点赞
        $('.product_admin_praise_btn,.product_praise_btn').click(function(){
            if($(this).hasClass('praised') == false){
                $(this).addClass('praised');
                console.log($(this).children('span').text());
                var span_text = $(this).children('span').text();
                span_text = parseInt(span_text)+1;
                console.log(span_text);
                $(this).children('span').text(span_text);
            }
        })

        // 关闭视频
        $('.video_close').click(function(){
            $(this).parent().parent().css('display','none');
            $('.img_wrap').removeClass('selected');
        })
        

    </script>

    <!-- 购买咨询 -->
    <script>
        $('.product_tool_tab a').click(function(){
            $(this).addClass('selected');
            $(this).parent().siblings().children().removeClass('selected');
            console.log($(this).parent().index());
            var index = $(this).parent().index();
            if(index == 0 || index == 2){
                $('.product_tool_tab_con_main').css('display','block');
                $('.product_inquire_no').css('display','none');
            }
            else{
                $('.product_tool_tab_con_main').css('display','none');
                $('.product_inquire_no').css('display','block');
            }
        })
    </script>

    <!-- 浏览记录 -->
    <script>
        $('.product_link_back').click(function(){
            if($(this).hasClass('disabled') == false){
                $('.grid_list').css('left','0');
                $(this).addClass('disabled');
                $('.product_link_forward').removeClass('disabled');
            }
        })
        $('.product_link_forward').click(function(){
            if($(this).hasClass('disabled') == false){
                $('.grid_list').css('left','-1100px');
                $(this).addClass('disabled');
                $('.product_link_back').removeClass('disabled');
            }
        })
    </script>

    <!-- 其他 -->
    <script>
        
        $('.commodity').click(function(){
            $(location).attr('href','Product-Details.html');
        })
    </script>
</body>
</html>